From 87f000b8b5cc18381ea27074a109bb0afca074ad Mon Sep 17 00:00:00 2001
From: charlie <xyhp915@qq.com>
Date: Tue, 30 Apr 2024 15:45:04 +0800
Subject: [PATCH] enhance(ui): polish editor content details

---
 src/main/frontend/common.css           | 74 ++------------------------
 src/main/frontend/components/block.css | 21 ++++++++
 2 files changed, 25 insertions(+), 70 deletions(-)

diff --git a/src/main/frontend/common.css b/src/main/frontend/common.css
index c3a6ccd9a..c1ed5fad8 100644
--- a/src/main/frontend/common.css
+++ b/src/main/frontend/common.css
@@ -301,39 +301,19 @@ i.ti {
 }
 
 .admonitionblock {
-  margin: 2rem 0;
-}
-
-.abstract {
-  margin: 2rem 0;
-  width: 80%;
-  font-style: italic;
-}
-
-.abstract p:last-of-type::before {
-  content: '    ';
-  white-space: pre;
-}
-
-.dropdown-overflow-auto {
-  max-height: 400px;
-  overflow-y: auto;
+  @apply my-2 bg-gray-03 p-2 rounded;
 }
 
 .heading-bg {
-  border-radius: 50%;
-  width: 18px;
-  height: 18px;
+  @apply rounded-full w-[18px] h-[18px];
 
   &.remove {
-    @apply border flex items-center justify-center;
-
-    border-color: var(--border-color);
+    @apply border flex items-center justify-center border-gray-07 hover:border-gray-09;
   }
 }
 
 .to-heading-button {
-  @apply px-1 text-lg !important;
+  @apply px-1 text-lg;
 }
 
 /** endregion **/
@@ -573,23 +553,6 @@ mark {
   border-radius: 3px;
 }
 
-/* page reference */
-
-.page-reference {
-  border-radius: 3px;
-  transition: 0.3s;
-}
-
-.page-reference .bracket {
-  opacity: 0.3;
-}
-
-/* block references */
-.block-ref .block-ref {
-  padding: 6px 5px;
-  border: none;
-}
-
 /* inline code */
 :not(pre) > code {
   border-radius: 3px;
@@ -617,35 +580,6 @@ mark > code {
   color: #262626 !important;
 }
 
-b > code {
-  font-weight: bold !important;
-}
-
-i > code {
-  font-style: italic !important;
-}
-
-a {
-  transition: 0.3s;
-}
-
-a.tooltip-priority {
-  transition: none;
-}
-
-.page-reference:hover {
-  background: var(--lx-accent-04-alpha, var(--ls-secondary-background-color, hsl(var(--primary)/.4)));
-}
-
-.references-blocks .page-reference:hover {
-  background: var(--lx-accent-04-alpha, var(--ls-tertiary-background-color, hsl(var(--primary)/.4)));
-}
-
-#head .fade-link {
-  font-weight: 600;
-  font-size: 13px;
-}
-
 .text-link {
   color: var(--ls-primary-text-color);
 }
diff --git a/src/main/frontend/components/block.css b/src/main/frontend/components/block.css
index 06717801c..4d91b0a25 100644
--- a/src/main/frontend/components/block.css
+++ b/src/main/frontend/components/block.css
@@ -283,6 +283,11 @@
   padding: 2px 0;
   display: inherit;
 
+  .block-ref {
+    padding: 6px 5px;
+    border: none;
+  }
+
   &:hover {
     color: var(--ls-link-text-hover-color);
   }
@@ -316,6 +321,18 @@
   }
 }
 
+.page-reference {
+  @apply rounded transition-[background];
+
+  .bracket {
+    @apply opacity-30;
+  }
+
+  &:hover {
+    background: var(--lx-accent-04-alpha, var(--ls-secondary-background-color, hsl(var(--primary)/.4)));
+  }
+}
+
 .page-ref {
   @apply inline;
   color: var(--lx-accent-11, var(--ls-link-text-color, hsl(var(--primary)/.8)));
@@ -799,6 +816,10 @@ html.is-mac {
   &-item {
     @apply bg-gray-03 rounded p-4;
   }
+
+  .page-reference:hover {
+    background: var(--lx-accent-04-alpha, var(--ls-tertiary-background-color, hsl(var(--primary)/.4)));
+  }
 }
 
 .cp__right-sidebar-inner {