refactor: Avoid general aside styles caused by CLUE (#763)

Refactor CLUE aside styles * Avoid general `<aside>` styles * Copy general aside styles into nested panels
datavisyn · Aug 11, 2022 · 2825d40 · 2825d40
1 parent 77256a9
commit 2825d40
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 14 deletions.
diff --git a/dist/scss/_clue_override.scss b/dist/scss/_clue_override.scss
diff --git a/src/scss/_clue_override.scss b/src/scss/_clue_override.scss
@@ -13,25 +13,29 @@ header.clue-modeselector {
 
 // overrides caleydo_clue/styles/base
 aside {
-  border: 0;
-  border-left: 2px solid $core_colour_selected;
-  border-radius: 0;
-  margin: 0;
-
   &.provenance-layout-vis {
-    border-color: $core_colour_selected;
+    border: 0;
+    border-left: 2px solid $core_colour_selected;
+    border-radius: 0;
+    margin: 0;
 
     &.collapsed {
       border-left: 0; // hide border when panel is collapsed
     }
   }
 
   &.provenance-story-vis {
-    border-color: $core_colour_selected;
+    border: 0;
+    border-left: 2px solid $core_colour_selected;
+    border-radius: 0;
+    margin: 0;
   }
 
   &.annotations {
+    border-radius: 0;
+    margin: 0;
     border: 2px solid $core_colour_selected;
+
     > div:first-of-type {
       background-color: $presentation-stage;
     }