From 606ab8c643ebdb90d3ba4e48fe253a1ed7ae2c0d Mon Sep 17 00:00:00 2001
From: sbertal
Date: Fri, 23 Dec 2016 06:11:53 -0800
Subject: [PATCH] reset style for horizontal dropdown separator (fixes #545)
---
src/menus/css/menus-skin.css | 9 ++++++++-
src/menus/tests/manual/menus.html | 28 +++++++++++++++++++++++++++-
2 files changed, 35 insertions(+), 2 deletions(-)
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
@@ -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
+
+
+
div.pure-menu.pure-menu-horizontal.pure-menu-scrollable
-
+