feat: #1 代码块样式优化-整体css结构调整

terwer · Mar 2, 2023 · af487ff · af487ff
1 parent cada92f
commit af487ff
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 27 deletions.
diff --git a/src/styles/zhi/widgets/code-block/code-block-dark.styl b/src/styles/zhi/widgets/code-block/code-block-dark.styl
@@ -0,0 +1 @@
+/* -------------------------------------------------代码块-暗黑模式--------------------------------------------------- */
diff --git a/src/styles/zhi/widgets/code-block.styl → .../widgets/code-block/code-block-light.styl b/src/styles/zhi/widgets/code-block.styl → .../widgets/code-block/code-block-light.styl
@@ -1,4 +1,4 @@
-/* -------------------------------------------------代码块样式--------------------------------------------------- */
+/* -------------------------------------------------代码块-浅色模式--------------------------------------------------- */
 .code-block
   --terwer-code-tab-bg: #f3f5f7
   border: .5px solid var(--b3-border-color) !important
@@ -75,5 +75,4 @@ code.hljs
 .b3-typography .code-block .protyle-action .protyle-action__language svg,
 .protyle-wysiwyg .code-block .protyle-action .protyle-icon svg,
 .protyle-wysiwyg .code-block .protyle-action .protyle-action__language svg
-  color: gray
-/* -------------------------------------------------代码块样式 END--------------------------------------------------- */
+  color: gray
diff --git a/src/styles/zhi/widgets/code-block/code-block-print.styl b/src/styles/zhi/widgets/code-block/code-block-print.styl
@@ -0,0 +1,10 @@
+/* -------------------------------------------------代码块-打印模式--------------------------------------------------- */
+#preview
+  .protyle-action__language
+    right: 0.2rem !important
+
+  .protyle-action__language:after
+    display: none !important
+
+  .protyle-action__copy
+    display: none !important
diff --git a/src/styles/zhi/widgets/code-block/index.styl b/src/styles/zhi/widgets/code-block/index.styl
@@ -0,0 +1,2 @@
+@require "code-block-light"
+@require "code-block-print"
diff --git a/src/styles/zhi/widgets/print-page.styl b/src/styles/zhi/widgets/print-page.styl
diff --git a/src/styles/zhi/zhi-theme.styl b/src/styles/zhi/zhi-theme.styl
@@ -1,8 +1,5 @@
 // 基本样式
 @require "../common/basic"
 
-//// 代码块
-//@require "./widgets/code-block"
-
-//// 打印页面适配
-//@require "./widgets/print-page"
+// 代码块
+@require "./widgets/code-block"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		/* -------------------------------------------------代码块-暗黑模式--------------------------------------------------- */
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@require "code-block-light"
		@require "code-block-print"