gap inside menu body

Vonage · Mar 7, 2024 · 9e31d51 · 9e31d51
1 parent 7399f5e
commit 9e31d51
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/libs/components/src/lib/menu-item/README.md b/libs/components/src/lib/menu-item/README.md
@@ -13,18 +13,15 @@
  <vwc-menu-item connotation="cta" text="menu item" icon="image-line"></vwc-menu-item>
   <vwc-menu-item role="menuitemcheckbox" connotation="cta" text="menu item" icon="image-line"></vwc-menu-item>
  <vwc-menu-item role="menuitemradio" connotation="cta" text="menu item" icon="image-line"></vwc-menu-item>
-   <vwc-divider></vwc-divider>
  <vwc-menu-item connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
   <vwc-menu-item role="menuitemcheckbox" connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemcheckbox" checked connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
    <vwc-menu-item role="menuitemradio" connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemradio" checked connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
-      <vwc-divider></vwc-divider>
       <vwc-menu-item check-appearance="tick-only" checked role="menuitemcheckbox" connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemcheckbox" checked connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
    <vwc-menu-item check-appearance="tick-only" checked role="menuitemradio" connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemradio" checked connotation="cta" text="menu item" text-secondary="secondary text"></vwc-menu-item>
-    <vwc-divider></vwc-divider>
     <vwc-menu-item text="Menu item 1" connotation="cta">
       <vwc-menu slot="submenu" ><vwc-menu-item text="Menu item 1.1"></vwc-menu-item>
     </vwc-menu-item>
@@ -36,18 +33,15 @@
  <vwc-menu-item  text="menu item" icon="image-line"></vwc-menu-item>
   <vwc-menu-item role="menuitemcheckbox"  text="menu item" icon="image-line"></vwc-menu-item>
  <vwc-menu-item role="menuitemradio"  text="menu item" icon="image-line"></vwc-menu-item>
-   <vwc-divider></vwc-divider>
  <vwc-menu-item  text="menu item" text-secondary="secondary text"></vwc-menu-item>
   <vwc-menu-item role="menuitemcheckbox"  text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemcheckbox" checked  text="menu item" text-secondary="secondary text"></vwc-menu-item>
    <vwc-menu-item role="menuitemradio"  text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemradio" checked  text="menu item" text-secondary="secondary text"></vwc-menu-item>
-      <vwc-divider></vwc-divider>
       <vwc-menu-item check-appearance="tick-only" checked role="menuitemcheckbox"  text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemcheckbox" checked  text="menu item" text-secondary="secondary text"></vwc-menu-item>
    <vwc-menu-item check-appearance="tick-only" checked role="menuitemradio"  text="menu item" text-secondary="secondary text"></vwc-menu-item>
     <vwc-menu-item role="menuitemradio" checked  text="menu item" text-secondary="secondary text"></vwc-menu-item>
-        <vwc-divider></vwc-divider>
     <vwc-menu-item text="Menu item 1">
       <vwc-menu slot="submenu" ><vwc-menu-item text="Menu item 1.1"></vwc-menu-item>
     </vwc-menu-item>

diff --git a/libs/components/src/lib/menu/menu.scss b/libs/components/src/lib/menu/menu.scss
@@ -41,6 +41,10 @@
 }
 
 .body {
+	display: flex;
+	flex-direction: column;
+	row-gap: 1px;
+
 	.hide-body & {
 		display: none;
 	}