From dbf67c1e4024131b9eb4b2daee17fbd1f67f755c Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 16 Mar 2015 18:37:19 -0400 Subject: [PATCH] Partial fix for #1190, search selection in menu --- src/definitions/collections/menu.less | 17 ++++++++++++++--- src/themes/default/collections/menu.variables | 4 ++++ 2 files changed, 18 insertions(+), 3 deletions(-) diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index 920410ae1..bcf7b2ec6 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -212,10 +212,15 @@ Dropdowns ---------------*/ +.ui.menu .ui.dropdown.item { + display: block; +} + /* Dropdown Icon */ .ui.menu .item > i.dropdown.icon { + padding: 0em; float: @dropdownIconFloat; - margin-left: @dropdownIconDistance; + margin: 0em 0em 0em @dropdownIconDistance; } /* Menu */ @@ -251,7 +256,6 @@ } - /* Secondary */ .ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu { @@ -264,6 +268,12 @@ margin-top: @pointingDropdownMenuDistance; } +/* Inverted */ +.ui.inverted.menu .search.dropdown.item > .search, +.ui.inverted.menu .search.dropdown.item > .text { + color: @invertedSelectionDropdownColor; +} + /* Vertical */ .ui.vertical.menu .dropdown.item > .icon { float: right; @@ -1196,7 +1206,8 @@ Floated Menu / Item /* Menu Item */ .ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) { - color: @invertedTextColor; + background: @invertedItemBackground; + color: @invertedItemTextColor; } .ui.inverted.menu .item.menu { background: @invertedSubMenuBackground; diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables index 55b60f90a..c115f030b 100644 --- a/src/themes/default/collections/menu.variables +++ b/src/themes/default/collections/menu.variables @@ -147,6 +147,7 @@ @dropdownVerticalMenuBoxShadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); @secondaryDropdownMenuDistance: 0.25em; @pointingDropdownMenuDistance: 0.75em; +@invertedSelectionDropdownColor: @invertedTextColor; /* Pointing Arrow */ @arrowSize: 0.6em; @@ -323,6 +324,9 @@ @invertedBoxShadow: none; @invertedHeaderBackground: rgba(0, 0, 0, 0.3); +@invertedItemBackground: transparent; +@invertedItemTextColor: @invertedTextColor; + /* Inverted Sub Menu */ @invertedSubMenuBackground: transparent; @invertedSubMenuColor: @invertedUnselectedTextColor;