From 55d3a2791747be7903e13fa390dc58680a4d7a8d Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Mon, 9 Nov 2015 15:22:53 -0800 Subject: [PATCH] [Frontend] Fix to z-indexing for search "types" menu open #250 --- .../commonUI/general/res/sass/search/_search.scss | 10 +--------- .../themes/espresso/res/css/theme-espresso.css | 14 +++++++------- .../commonUI/themes/snow/res/css/theme-snow.css | 14 +++++++------- 3 files changed, 15 insertions(+), 23 deletions(-) diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss index 7cbb19d467..f91bdd310b 100644 --- a/platform/commonUI/general/res/sass/search/_search.scss +++ b/platform/commonUI/general/res/sass/search/_search.scss @@ -137,17 +137,9 @@ .search-menu-holder { float: right; left: -20px; - z-index: 3; + z-index: 70; transition: visibility .05s, opacity .05s; } - - //// Hovering reveals menu - //.menu-icon:hover + div.search-menu-holder { - // visibility: visible; - //} - //div.search-menu-holder:hover { - // visibility: visible; - //} } .active-filter-display { diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 17c40c21db..802e5d2433 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -5236,9 +5236,9 @@ span.req { .holder-search .search-bar .search-menu-holder { float: right; left: -20px; - z-index: 3; + z-index: 70; transition: visibility .05s, opacity .05s; } -/* line 153, ../../../../general/res/sass/search/_search.scss */ +/* line 145, ../../../../general/res/sass/search/_search.scss */ .holder-search .active-filter-display { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -5246,7 +5246,7 @@ span.req { line-height: 130%; padding-left: 1.4625em; font-size: 0.65em; } - /* line 166, ../../../../general/res/sass/search/_search.scss */ + /* line 158, ../../../../general/res/sass/search/_search.scss */ .holder-search .active-filter-display .clear-filters-icon { color: #737373; opacity: 1; @@ -5254,7 +5254,7 @@ span.req { position: absolute; left: 1px; cursor: pointer; } -/* line 179, ../../../../general/res/sass/search/_search.scss */ +/* line 171, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results { -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; @@ -5272,16 +5272,16 @@ span.req { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 183, ../../../../general/res/sass/search/_search.scss */ + /* line 175, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results .hint { margin-bottom: 10px; font-size: 0.65em; opacity: 0.6; } - /* line 189, ../../../../general/res/sass/search/_search.scss */ + /* line 181, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results.active { visibility: visible; opacity: 1; } - /* line 193, ../../../../general/res/sass/search/_search.scss */ + /* line 185, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results .load-more-button { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 389e91b7b0..f80d7d6692 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -5158,9 +5158,9 @@ span.req { .holder-search .search-bar .search-menu-holder { float: right; left: -20px; - z-index: 3; + z-index: 70; transition: visibility .05s, opacity .05s; } -/* line 153, ../../../../general/res/sass/search/_search.scss */ +/* line 145, ../../../../general/res/sass/search/_search.scss */ .holder-search .active-filter-display { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -5168,7 +5168,7 @@ span.req { line-height: 130%; padding-left: 1.4625em; font-size: 0.65em; } - /* line 166, ../../../../general/res/sass/search/_search.scss */ + /* line 158, ../../../../general/res/sass/search/_search.scss */ .holder-search .active-filter-display .clear-filters-icon { color: #a6a6a6; opacity: 1; @@ -5176,7 +5176,7 @@ span.req { position: absolute; left: 1px; cursor: pointer; } -/* line 179, ../../../../general/res/sass/search/_search.scss */ +/* line 171, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results { -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; @@ -5194,16 +5194,16 @@ span.req { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 183, ../../../../general/res/sass/search/_search.scss */ + /* line 175, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results .hint { margin-bottom: 10px; font-size: 0.65em; opacity: 0.6; } - /* line 189, ../../../../general/res/sass/search/_search.scss */ + /* line 181, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results.active { visibility: visible; opacity: 1; } - /* line 193, ../../../../general/res/sass/search/_search.scss */ + /* line 185, ../../../../general/res/sass/search/_search.scss */ .holder-search .search-results .load-more-button { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);