From ce09119accee70b725629d9464d622b394c954b7 Mon Sep 17 00:00:00 2001
From: "peng.jianhua" <peng.jianhua@zte.com.cn>
Date: Fri, 24 Nov 2017 09:56:32 +0800
Subject: [PATCH 1/1] KYLIN-3017 Footer covers the selection box and some
 options can not be selected

---
 webapp/app/less/component.less              | 4 ++++
 webapp/app/partials/query/query_detail.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/app/less/component.less b/webapp/app/less/component.less
index d99ddbbd6..2fa2a54af 100644
--- a/webapp/app/less/component.less
+++ b/webapp/app/less/component.less
@@ -1049,6 +1049,10 @@ span.input-icon {
   box-shadow: 0 0 8px rgba(82, 168, 236, .6)
 }
 
+.chosen-relative .chosen-container-active.chosen-with-drop .chosen-drop {
+  position: relative;
+}
+
 //override callout info in AdinLTE.css
 .callout {
   margin: 0 0 20px 0 !important;
diff --git a/webapp/app/partials/query/query_detail.html b/webapp/app/partials/query/query_detail.html
index 8e1286cf5..5668f108b 100644
--- a/webapp/app/partials/query/query_detail.html
+++ b/webapp/app/partials/query/query_detail.html
@@ -150,7 +150,7 @@
             <div class="graph_content">
                 <label>Metrics</label>
 
-                <div>
+                <div class="chosen-relative">
                     <select ng-if="curQuery.graph.type.metrics.multiple"
                             chosen style="width: 100%;"
                             multiple
-- 
2.11.0.windows.1