Refactor dataset panel's styles

Kitware · Mar 7, 2017 · e8f8626 · e8f8626
1 parent 5f3250a
commit e8f8626
Showing 1 changed file with 52 additions and 51 deletions.
diff --git a/web_external/view/panel/DatasetPanel/index.styl b/web_external/view/panel/DatasetPanel/index.styl
@@ -1,53 +1,54 @@
 @require '../../../style/colors.styl';
 
-#dataset-panel .content
-  display: flex;
-  flex-direction: column;
-
-  .dataset-overview
-    width: calc(100% - 2em);
-    font-weight: 700;
-    padding: 1em;
-
-  img.button
-  image.button
-    -webkit-filter: img-color-filter($defaultDarkIconColor);
-    filter: img-color-filter($defaultDarkIconColor);
-
-  img.button.overridden
-  image.button.overridden
-    -webkit-filter: img-color-filter($overriddenIconColor);
-    filter: img-color-filter($overriddenIconColor);
-
-  img.button:hover
-  image.button:hover
-    cursor: pointer;
-    -webkit-filter: img-color-filter($darkRolloverColor);
-    filter: img-color-filter($darkRolloverColor);
-
-  img.button.disabled
-  image.button.disabled
-    cursor: default;
-    -webkit-filter: img-color-filter($disabledColor);
-    filter: img-color-filter($disabledColor);
-
-  .no-dataset
-    position: absolute;
-    top: 0em;
-    right: 0em;
-    margin: 1em;
-    max-width: 20em;
-
-  .overview
-    fill: $dataOverviewColor;
-
-  .filtered
-    fill: $dataFilteredColor;
-
-  .page
-    fill: $dataCurrentPageColor;
-
-#dataset-panel .indicator-icons
-  img.status.show-color
-    -webkit-filter url(#drop-shadow);
-    filter url(#drop-shadow);
+#dataset-panel
+  .content
+    display: flex;
+    flex-direction: column;
+
+    .dataset-overview
+      width: calc(100% - 2em);
+      font-weight: 700;
+      padding: 1em;
+
+    img.button
+    image.button
+      -webkit-filter: img-color-filter($defaultDarkIconColor);
+      filter: img-color-filter($defaultDarkIconColor);
+
+    img.button.overridden
+    image.button.overridden
+      -webkit-filter: img-color-filter($overriddenIconColor);
+      filter: img-color-filter($overriddenIconColor);
+
+    img.button:hover
+    image.button:hover
+      cursor: pointer;
+      -webkit-filter: img-color-filter($darkRolloverColor);
+      filter: img-color-filter($darkRolloverColor);
+
+    img.button.disabled
+    image.button.disabled
+      cursor: default;
+      -webkit-filter: img-color-filter($disabledColor);
+      filter: img-color-filter($disabledColor);
+
+    .no-dataset
+      position: absolute;
+      top: 0em;
+      right: 0em;
+      margin: 1em;
+      max-width: 20em;
+
+    .overview
+      fill: $dataOverviewColor;
+
+    .filtered
+      fill: $dataFilteredColor;
+
+    .page
+      fill: $dataCurrentPageColor;
+
+  .indicator-icons
+    img.status.show-color
+      -webkit-filter url(#drop-shadow);
+      filter url(#drop-shadow);