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;