Merge pull request #461 from storyblok/task/STR-2023-add-icon-slot

feat(str-2023): add icon slot
storyblok · Nov 6, 2023 · f9adad0 · f9adad0
2 parents 909421b + 87139a3
commit f9adad0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Minibrowser/components/MinibrowserListItem.vue b/src/components/Minibrowser/components/MinibrowserListItem.vue
@@ -20,6 +20,7 @@
       <div class="sb-minibrowser__list-item-container">
         <div class="sb-minibrowser__list-item-name">
           {{ label }}
+          <slot name="meta-icon" />
           <SbIcon
             v-if="isStartpage"
             v-tooltip="{ label: 'Homepage' }"

diff --git a/src/components/Minibrowser/minibrowser.scss b/src/components/Minibrowser/minibrowser.scss
@@ -94,7 +94,8 @@ $full-height-padding: $general-padding - $padding-full-height-difference;
     }
 
     &-name {
-      display: block;
+      display: flex;
+      align-items: center;
       color: $color-primary-dark;
       font-size: $font-14;
     }
@@ -120,6 +121,7 @@ $full-height-padding: $general-padding - $padding-full-height-difference;
       border: transparent;
       border-radius: $base-border-radius;
       cursor: pointer;
+      flex: 0 0 auto;
 
       .sb-icon {
         margin: 0;