css tweaks

Author: fsbraun

djangocms_rest/static/djangocms_rest/highlight.css

@@ -1,3 +1,9 @@
+:root .rest-placeholder {
+    --string-color: #BA2121;
+    --key-color: #008000;
+    --value-color: #0000FF;
+}
+
 :root[data-theme="dark"] .rest-placeholder {
     --string-color: #FF6347; /* Tomato */
     --key-color: #32CD32; /* Lime Green */
@@ -12,15 +18,9 @@
     }
 }
 
-.rest-placeholder {
-
-    --string-color: #BA2121;
-    --key-color: #008000;
-    --value-color: #0000FF;
-
 
+.rest-placeholder {
     display: block;
-    background-color: var(--dca-white, #fff);
     color: var(--dca-gray-darkest, #333);
     margin-bottom: 1em;
     font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
@@ -29,15 +29,15 @@
     .str {
         color: var(--string-color, red);
     }
-    .ellipsis {
+    .ellipsis:not(:active) {
         display: inline-block; /* or block, depending on your needs */
         text-overflow: ellipsis;
         max-width: 60ch;
         overflow: hidden;
         white-space: nowrap;
         vertical-align: bottom; /* optional, for better alignment */
     }
-    .ellipsis-toggle {
+    .ellipsis {
         cursor: pointer;
     }
     .key, .children {
@@ -59,5 +59,7 @@
 .rest-placeholder {
     summary {
         margin-inline-start: -1.2em;
+        width: fit-content;
+        cursor: pointer;
     }
 }