diff --git a/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.html b/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.html index b0d720d2b..f3e4d16ab 100644 --- a/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.html +++ b/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.html @@ -1,12 +1,10 @@ -
+
@@ -15,11 +13,9 @@ @@ -28,20 +24,18 @@ {{ getAdminLevelLabel(adminLevel.adminLevel3) }} - {{ getAdminLevelLabel(adminLevel.adminLevel4) }} - + -->
diff --git a/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.scss b/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.scss index c96eaafb9..85364f311 100644 --- a/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.scss +++ b/interfaces/IBF-dashboard/src/app/components/admin-level/admin-level.component.scss @@ -1,17 +1,30 @@ -.ibf-admin-level-buttons { - margin-left: 5px; - .ibf-admin-level-button { - margin-left: 0px; - margin-right: 0px; - text-transform: uppercase; - height: 16px; - font-size: 7px; - font-weight: 700; +.breadcrumb { + margin: 0; + --box-shadow: none; + + --background: var(--ion-color-ibf-white); + --border-color: var(--ion-color-ibf-no-alert-primary); + --border-width: 2px; + --border-style: solid; + --color: var(--ion-color-ibf-no-alert-primary); + + &.selected { + --background: var(--ion-color-ibf-no-alert-primary); + --border-color: var(--ion-color-ibf-no-alert-primary); + --border-width: 2px; + --border-style: solid; + --color: var(--ion-color-ibf-white); } } -ion-button { - border: 1px solid var(--ion-color-ibf-primary); +.breadcrumb-start { + --border-radius: 50vh 0 0 50vh; +} + +.breadcrumb-middle { --border-radius: 0; - --box-shadow: none; +} + +.breadcrumb-end { + --border-radius: 0 50vh 50vh 0; } diff --git a/interfaces/IBF-dashboard/src/app/components/ibf-button/ibf-button.component.ts b/interfaces/IBF-dashboard/src/app/components/ibf-button/ibf-button.component.ts index 880e7b4de..77710a96a 100644 --- a/interfaces/IBF-dashboard/src/app/components/ibf-button/ibf-button.component.ts +++ b/interfaces/IBF-dashboard/src/app/components/ibf-button/ibf-button.component.ts @@ -36,7 +36,6 @@ export class IbfButtonComponent implements OnInit { ngOnInit() { this.style += ` - display: block; ${this.width ? 'width: ' + this.width + ';' : ''} --background: var(--ion-color-${this.backgroundColor}); --border-color: var(--ion-color-${this.borderColor});