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 ac80c2a55..bd77f0c1e 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 @@ -3,7 +3,7 @@ } .breadcrumb { - height: 24px; + height: var(--breadcrumb-height); font-size: 12px; margin: 0; @@ -23,18 +23,19 @@ } .breadcrumb-start { - --border-radius: 50vh 0 0 50vh; + --border-width: 2px 0px 2px 2px; + --border-radius: var(--breadcrumb-radius) 0 0 var(--breadcrumb-radius); } .breadcrumb-middle { --border-radius: 0; - // --border-width: 2px 0px; + --border-width: 2px 0px 2px 2px; } .breadcrumb-end { - --border-radius: 0 50vh 50vh 0; + --border-radius: 0 var(--breadcrumb-radius) var(--breadcrumb-radius) 0; } .breadcrumb-alone { - --border-radius: 50vh; + --border-radius: var(--breadcrumb-radius); } diff --git a/interfaces/IBF-dashboard/src/theme/variables.scss b/interfaces/IBF-dashboard/src/theme/variables.scss index caf9b48f9..c2ddd1e26 100644 --- a/interfaces/IBF-dashboard/src/theme/variables.scss +++ b/interfaces/IBF-dashboard/src/theme/variables.scss @@ -294,6 +294,9 @@ ion-button { text-transform: none; } + + --breadcrumb-height: 24px; + --breadcrumb-radius: 12px; } .ion-color-ibf-no-alert-primary {