Bugfix z-index overlap on page_parts links (#3208)

* Bugfix z-index overlap on page_parts links * Fix z-index .ui-dialog
refinery · Jul 5, 2016 · 0978281 · 0978281
1 parent 48be3ba
commit 0978281
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 16 deletions.
diff --git a/core/app/assets/stylesheets/refinery/components/_dialog.scss b/core/app/assets/stylesheets/refinery/components/_dialog.scss
@@ -101,7 +101,7 @@ body.dialog #content .search_form {
   color: #000;
   border: 4px solid #22A7F2;
   width: auto;
-  z-index: 1;
+  z-index: 3;
   #dialog_loading {
     position: fixed;
     top: 50%;

diff --git a/core/app/assets/stylesheets/refinery/sections/_layout.scss b/core/app/assets/stylesheets/refinery/sections/_layout.scss
@@ -1036,30 +1036,38 @@ a img {
   border: 0px none;
 }
 
+
 /* page parts */
+
+ul#page_parts, 
+ul#page_parts_controls {
+  margin: 0;
+  padding: 0;
+}
+
 ul#page_parts {
   float: left;
   width: 92%;
+  z-index: 1;
 }
-ul#page_parts, ul#page_parts_controls {
-  margin: 0;
-  padding: 0;
-}
+
 ul#page_parts_controls {
   float: right;
   margin: 20px 3px 0 0;
+  z-index: 2;
+
+  li {
+    list-style: none;
+    float: right;
+    margin: 0 3px;
+
+    a {
+      border: 0px none;
+    }
+  }
 }
-ul#page_parts_controls li {
-  list-style: none;
-  float: right;
-  margin: 0 3px;
-}
-ul#page_parts_controls li a {
-  border: 0px none;
-}
-ul#page_parts_controls img {
-  vertical-align: middle;
-}
+
+
 #page-tabs.ui-sortable.reordering {
   li {
     cursor: move;