From 3d6d3a6871f7a477a03c8e603453502b5a5c496b Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Wed, 14 Jul 2021 23:53:13 +0800
Subject: [PATCH] fix: adapt new query header styles

---
 src/_queries.scss | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/_queries.scss b/src/_queries.scss
index 0ee6389..3a10402 100644
--- 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);