[apigee#179] Always display field as flex when in a breadcrumb item

shadcn · Jul 9, 2019 · b3e42dd · b3e42dd
1 parent 0938c0e
commit b3e42dd
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/themes/custom/apigee_kickstart/assets/css/apigee-kickstart.style.css b/themes/custom/apigee_kickstart/assets/css/apigee-kickstart.style.css
@@ -11762,6 +11762,7 @@ main {
 .breadcrumb-item {
   padding-bottom: 0.375rem;
   padding-top: 0.375rem;
+  display: flex;
 }
 .breadcrumb-item.active {
   color: var(--ak-accent-color-light);
@@ -11773,6 +11774,12 @@ main {
   font-size: 0.875rem;
   letter-spacing: 1px;
 }
+.breadcrumb-item .field {
+  display: flex;
+}
+.breadcrumb-item .field .field__label {
+  margin-right: 1ch;
+}
 
 .btn {
   font-family: "Roboto-Medium", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

diff --git a/themes/custom/apigee_kickstart/src/components/breadcrumb/_breadcrumb.scss b/themes/custom/apigee_kickstart/src/components/breadcrumb/_breadcrumb.scss
@@ -6,6 +6,7 @@
 .breadcrumb-item {
   padding-bottom: $breadcrumb-padding-y;
   padding-top: $breadcrumb-padding-y;
+  display: flex;
 
   &.active {
     color: var(--ak-accent-color-light);
@@ -19,4 +20,12 @@
     font-size: 0.875rem;
     letter-spacing: 1px;
   }
+
+  .field {
+    display: flex;
+
+    .field__label {
+      margin-right: 1ch;
+    }
+  }
 }