From 25baf23e23c40959072d1c6291691b0371eff1cc Mon Sep 17 00:00:00 2001 From: Xavier Morel Date: Tue, 5 Mar 2013 10:36:19 +0100 Subject: [PATCH] [FIX] stacking of various "drop-down" elements The search view's completion list should be in front of the search view's drawer, which itself should (probably) be on top of the graph view's "action" dropdown. The graph view's dropdown itself needs a z-index > 0 to be in front of the graph itself, otherwise it is inactive and unusable: it's visible through the graph but not activable. bzr revid: xmo@openerp.com-20130305093619-s1e5fbl80r7qnk5l --- addons/web/static/src/css/base.sass | 2 +- addons/web/static/src/js/search.js | 2 +- addons/web_graph/static/src/css/graph.css | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index 48b1c0efa35..073926b7c0a 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -1436,7 +1436,7 @@ $sheet-padding: 16px .oe_searchview_drawer position: absolute - z-index: 100 + z-index: 2 // detach drawer from field slightly margin-top: 4px top: 100% diff --git a/addons/web/static/src/js/search.js b/addons/web/static/src/js/search.js index 07ed56d21d7..1c834601719 100644 --- a/addons/web/static/src/js/search.js +++ b/addons/web/static/src/js/search.js @@ -457,7 +457,7 @@ instance.web.SearchView = instance.web.Widget.extend(/** @lends instance.web.Sea autoFocus: true, minLength: 1, delay: 0 - }).data('autocomplete'); + }).css('z-index', 3).data('autocomplete'); // MonkeyPatch autocomplete instance _.extend(autocomplete, { diff --git a/addons/web_graph/static/src/css/graph.css b/addons/web_graph/static/src/css/graph.css index a9fff591e39..2fd4b5953cf 100644 --- a/addons/web_graph/static/src/css/graph.css +++ b/addons/web_graph/static/src/css/graph.css @@ -1,5 +1,5 @@ .openerp a.dropdown-menu-icon { - z-index: 10; + z-index: 1; position: absolute; color: #4c4c4c; right: 8px; @@ -23,7 +23,7 @@ padding: 8px; border: 1px solid #afafb6; background: white; - z-index: 900; + z-index: 1; min-width: 160px; overflow-x: hidden; -moz-border-radius: 3px;