fix: styling tweak for the readonly item count tag

josdejong · Jan 5, 2022 · 5bbb679 · 5bbb679
1 parent 68fcb6a
commit 5bbb679
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/src/lib/components/modes/treemode/JSONNode.scss b/src/lib/components/modes/treemode/JSONNode.scss
@@ -201,7 +201,7 @@
 
   &.readonly {
     color: $light-gray-transparent;
-    background: $background-gray;
+    background: $background-light-gray-transparent;
     cursor: inherit;
   }
 }

diff --git a/src/lib/components/modes/treemode/json-node-selected-mixin.scss b/src/lib/components/modes/treemode/json-node-selected-mixin.scss
@@ -62,10 +62,6 @@
         background-color: $selection-background !important;
       }
     }
-
-    .tag.readonly {
-      background: transparent;
-    }
   }
 
   .insert-area {

diff --git a/src/lib/styles.scss b/src/lib/styles.scss
@@ -44,6 +44,7 @@ $selection-color: $black;
 $hovered-background: rgb(240, 240, 240); // #f0f0f0
 $hovered-background-transparent: rgba(0, 0, 0, 0.06); // #f0f0f0, with transparency
 $background-gray: #f5f5f5;
+$background-light-gray-transparent: rgba(0, 0, 0, 0.06);
 $border-gray: #d8dbdf;
 $meta-color: $gray-transparent;
 $edit-border-color: $dark-gray;