[7364]: Deconcatenate selectors and reduce specificity in src/ui/publ…

…ic/visualize/visualize.less.
elastic · Jun 28, 2016 · 6c7ed37 · 6c7ed37
1 parent 32849f5
commit 6c7ed37
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 71 deletions.
diff --git a/src/ui/public/styles/dark-theme.less b/src/ui/public/styles/dark-theme.less
@@ -283,18 +283,16 @@
 
 
 // /src/ui/public/visualize/visualize.less
-  visualize-spy {
-    .visualize-show-spy {
-      border-top-color: @visualize-show-spy-border;
+  .visualize-show-spy {
+    border-top-color: @visualize-show-spy-border;
+  }
 
-    }
-    .visualize-spy-container {
-      pre {
-        border-color: @visualize-show-spy-border;
-        color: @visualize-spy-container-pre-color;
-        opacity: 1;
-        background-color: @visualize-spy-container-pre-bg;
-      }
+  .visualize-spy-container {
+    pre {
+      border-color: @visualize-show-spy-border;
+      color: @visualize-spy-container-pre-color;
+      opacity: 1;
+      background-color: @visualize-spy-container-pre-bg;
     }
   }
 

diff --git a/src/ui/public/visualize/visualize.less b/src/ui/public/visualize/visualize.less
@@ -75,87 +75,90 @@ visualize-spy {
     padding-top: 0px;
   }
 
-  .visualize-show-spy {
-    flex: 0 0 auto;
-    &-tab {
-      color: @kibanaGray4;
-      position: absolute;
-      z-index: 100;
-      left: 5px;
-      bottom: 0px;
-    }
-  }
-
   .visualize-spy-fill {
     margin-right: 5px;
   }
 
-  .visualize-spy-container {
-    flex: 1 1 auto;
-
-    display: flex;
-    flex-direction: column;
+  &.only {
+    .visualize-spy-container {
+      height: auto;
+    }
+  }
 
-    height: 482px;
-    overflow-y: auto;
+  pre {
+    word-break: break-all;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+  }
+}
 
-    header {
-      padding: 0 0 15px;
-    }
+.visualize-spy-container {
+  flex: 1 1 auto;
 
-    header + * {
-      flex: 1 1 auto;
-    }
+  display: flex;
+  flex-direction: column;
 
-    > .alert {
-      flex: 0 0 auto;
-    }
+  height: 482px;
+  overflow-y: auto;
 
-    tr > td {
-      font-size: 0.85em;
-    }
+  header {
+    padding: 0 0 15px;
   }
 
-  &.only .visualize-spy-container {
-    height: auto;
+  header + * {
+    flex: 1 1 auto;
   }
 
-  .visualize-spy-nav {
+  > .alert {
     flex: 0 0 auto;
+  }
 
-    a.btn {
-      margin: @padding-small-vertical @padding-small-vertical;
-    }
+  tr > td {
+    font-size: 0.85em;
   }
+}
 
-  .visualize-spy-content {
-    position: relative;
+.visualize-spy-nav {
+  flex: 0 0 auto;
 
-    .visualize-spy-loading {
-      position: absolute;
-      top: 0px;
-      left: 0px;
-      right: 0px;
-      text-align: center;
+  a.btn {
+    margin: @padding-small-vertical @padding-small-vertical;
+  }
+}
 
-      &-text {
-        display: inline-block;
-        margin: 0;
-        background: @alert-info-bg;
-        color: @alert-info-text;
-        padding: 5px 10px;
-        border-radius: @border-radius-base;
+.visualize-spy-content {
+  position: relative;
+}
+
+  .visualize-spy-loading {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    text-align: center;
+  }
 
-        .spinner > * {
-          background-color: @alert-info-text;
-        }
+    .visualize-spy-loading-text {
+      display: inline-block;
+      margin: 0;
+      background: @alert-info-bg;
+      color: @alert-info-text;
+      padding: 5px 10px;
+      border-radius: @border-radius-base;
+
+      .spinner > * {
+        background-color: @alert-info-text;
       }
     }
-  }
 
-  pre {
-    word-break: break-all;
-    word-wrap: break-word;
-    white-space: pre-wrap;
-  }
+.visualize-show-spy {
+  flex: 0 0 auto;
 }
+
+  .visualize-show-spy-tab {
+    color: @kibanaGray4;
+    position: absolute;
+    z-index: 100;
+    left: 5px;
+    bottom: 0px;
+  }