From 5bbb679efccb235a17fafcc82919ea14cb62c66d Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 5 Jan 2022 11:05:57 +0100
Subject: [PATCH] fix: styling tweak for the readonly item count tag

---
 src/lib/components/modes/treemode/JSONNode.scss               | 2 +-
 .../components/modes/treemode/json-node-selected-mixin.scss   | 4 ----
 src/lib/styles.scss                                           | 1 +
 3 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/modes/treemode/JSONNode.scss b/src/lib/components/modes/treemode/JSONNode.scss
index b4c54084..52a4a75d 100644
--- 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
index a30d13cf..984510f6 100644
--- 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
index 0d1175e3..c8f66326 100644
--- 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;