diff --git a/src/app/components/menubar/menubar.css b/src/app/components/menubar/menubar.css
index 9a6aa374f76..890c79ab8c7 100644
--- a/src/app/components/menubar/menubar.css
+++ b/src/app/components/menubar/menubar.css
@@ -2,10 +2,6 @@
padding: .25em;
}
-.ui-menubar .ui-menu-separator {
- border-width: 1px 0 0 0;
-}
-
.ui-menubar:after {
content: "";
clear: both;
@@ -51,6 +47,12 @@
display: none;
}
+.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ display: inline-block;
+ vertical-align: middle;
+ height: 1.5em;
+}
+
.ui-menubar .ui-submenu-list {
display: none;
position: absolute;
diff --git a/src/app/showcase/components/menubar/menubardemo.html b/src/app/showcase/components/menubar/menubardemo.html
index f1ca2650da0..b673ddfa218 100644
--- a/src/app/showcase/components/menubar/menubardemo.html
+++ b/src/app/showcase/components/menubar/menubardemo.html
@@ -288,6 +288,7 @@
Dependencies
}
]
},
+ {separator:true},
{
label: 'Quit', icon: 'pi pi-fw pi-times'
}
diff --git a/src/app/showcase/components/menubar/menubardemo.ts b/src/app/showcase/components/menubar/menubardemo.ts
index a1fcb6e0328..3c35bbf7e75 100644
--- a/src/app/showcase/components/menubar/menubardemo.ts
+++ b/src/app/showcase/components/menubar/menubardemo.ts
@@ -80,6 +80,7 @@ export class MenubarDemo {
}
]
},
+ {separator:true},
{
label: 'Quit', icon: 'pi pi-fw pi-times'
}
diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css
index f8d1476f308..27dc4ac72fe 100644
--- a/src/assets/components/themes/luna-amber/theme.css
+++ b/src/assets/components/themes/luna-amber/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #191919;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #252525;
diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css
index a6ed96e9ea2..a681c563499 100644
--- a/src/assets/components/themes/luna-blue/theme.css
+++ b/src/assets/components/themes/luna-blue/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #191919;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #252525;
diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css
index b5bf27483b4..e6dab175c35 100644
--- a/src/assets/components/themes/luna-green/theme.css
+++ b/src/assets/components/themes/luna-green/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #191919;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #252525;
diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css
index 8d364530cd9..a3784546815 100644
--- a/src/assets/components/themes/luna-pink/theme.css
+++ b/src/assets/components/themes/luna-pink/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #191919;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #252525;
diff --git a/src/assets/components/themes/nova-colored/theme.css b/src/assets/components/themes/nova-colored/theme.css
index cce324999e5..fe623652179 100644
--- a/src/assets/components/themes/nova-colored/theme.css
+++ b/src/assets/components/themes/nova-colored/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #c8c8c8;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #ffffff;
diff --git a/src/assets/components/themes/nova-dark/theme.css b/src/assets/components/themes/nova-dark/theme.css
index 8032cb961fa..5f8ecc25281 100644
--- a/src/assets/components/themes/nova-dark/theme.css
+++ b/src/assets/components/themes/nova-dark/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #c8c8c8;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #ffffff;
diff --git a/src/assets/components/themes/nova-light/theme.css b/src/assets/components/themes/nova-light/theme.css
index ef30ee49f80..d2c803821e5 100644
--- a/src/assets/components/themes/nova-light/theme.css
+++ b/src/assets/components/themes/nova-light/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #c8c8c8;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #ffffff;
diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css
index 7e8abf10ab5..c29849f0437 100644
--- a/src/assets/components/themes/rhea/theme.css
+++ b/src/assets/components/themes/rhea/theme.css
@@ -3037,6 +3037,10 @@ body .ui-menubar {
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
padding: 0.714em 0.857em;
}
+body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
+ border: 1px solid #c8c8c8;
+ border-width: 0 0 0 1px;
+}
body .ui-menubar .ui-submenu-list {
padding: 0;
background-color: #ffffff;