fix: adjust breadcrumbs border AB#24141

rodekruis · Oct 13, 2023 · 330a0e5 · 330a0e5
1 parent 58091a6
commit 330a0e5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
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
@@ -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
@@ -294,6 +294,9 @@
   ion-button {
     text-transform: none;
   }
+
+  --breadcrumb-height: 24px;
+  --breadcrumb-radius: 12px;
 }
 
 .ion-color-ibf-no-alert-primary {