fix: adapt new query header styles

Bad3r · Jul 14, 2021 · 3d6d3a6 · 3d6d3a6
1 parent 2944c37
commit 3d6d3a6
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/src/_queries.scss b/src/_queries.scss
@@ -16,11 +16,9 @@
   margin-top: 12px;
 }
 
-:is(.dsl-query, #today-queries, .block-body)
-  > .custom-query
-  .foldable-title
-  .opacity-70 {
-  display: block;
+.dsl-query .custom-query-title > .font-medium,
+:not(.dsl-query) > .custom-query .custom-query-title {
+  display: inline-block;
   opacity: 1;
   padding: 5px 10px 2px 10px !important;
   background: var(--ct-query-header-background);
@@ -32,6 +30,20 @@
   text-shadow: 1px 1px 0px black, 1px 1px 1px rgb(136, 136, 136);
 }
 
+:not(.dsl-query):not(#today-queries) > .custom-query .custom-query-title {
+  margin-bottom: 1.5em;
+}
+
+:not(.dsl-query) > .custom-query .custom-query-title > .flex-row {
+  position: absolute;
+  left: 24px;
+  text-shadow: none;
+  font-family: inherit;
+  color: var(--ls-primary-text-color);
+  font-size: 0.875rem;
+  font-family: var(--ls-font-family);
+}
+
 .dsl-query > .custom-query .foldable-title .opacity-70 code {
   background: none;
   color: var(--ct-query-header-color);