diff --git a/src/menus/css/menus-skin.css b/src/menus/css/menus-skin.css index 94dd2545b..52cc62177 100644 --- a/src/menus/css/menus-skin.css +++ b/src/menus/css/menus-skin.css @@ -1,6 +1,7 @@ /* misc default styling */ -.pure-menu-separator { +.pure-menu-separator, +.pure-menu-horizontal .pure-menu-children .pure-menu-separator { background-color: #ccc; height: 1px; margin: .3em 0; @@ -12,6 +13,12 @@ margin: 0 .3em ; } +/* Need to reset the separator since submenu is vertical */ +.pure-menu-horizontal .pure-menu-children .pure-menu-separator { + display: block; + width: auto; +} + .pure-menu-heading { text-transform: uppercase; color: #565d64; diff --git a/src/menus/tests/manual/menus.html b/src/menus/tests/manual/menus.html index 5acd82cd7..9df8e4c7c 100644 --- a/src/menus/tests/manual/menus.html +++ b/src/menus/tests/manual/menus.html @@ -10,6 +10,7 @@ h1 { + margin-top: 2em; font-size: 15px; font-weight: normal; } @@ -194,6 +195,7 @@

div.pure-menu.pure-menu-custom-2, with nested children. Here, a width is set More Stuff @@ -206,6 +208,30 @@

div.pure-menu.pure-menu-custom-2, with nested children. Here, a width is set +

div.pure-menu.pure-menu-horizontal with nested dropdown and separator

+
+ Title + +
+ +

div.pure-menu.pure-menu-horizontal.pure-menu-scrollable

Title @@ -262,7 +288,7 @@

div.pure-menu.pure-menu-horizontal, with nested children, customized

  • Twitter
    • - +