feat: 阅读模式添加打印功能按钮；调整打印样式，隐藏调整后的阅读模式 toolbar 的显示；

yaohaixiao · Mar 28, 2024 · 482e84e · 482e84e
1 parent 16f08e1
commit 482e84e
Show file tree

Hide file tree

Showing 16 changed files with 81 additions and 53 deletions.
diff --git a/docs/css/docs.css b/docs/css/docs.css
diff --git a/docs/css/docs.min.css b/docs/css/docs.min.css
diff --git a/docs/css/example.css b/docs/css/example.css
diff --git a/docs/css/example.min.css b/docs/css/example.min.css
diff --git a/docs/js/outline.min.js b/docs/js/outline.min.js
diff --git a/docs/js/outline.min.js.map b/docs/js/outline.min.js.map
diff --git a/docs/js/reader.min.js b/docs/js/reader.min.js
diff --git a/docs/js/reader.min.js.map b/docs/js/reader.min.js.map
diff --git a/outline.css b/outline.css
diff --git a/outline.min.css b/outline.min.css
diff --git a/outline.min.js b/outline.min.js
diff --git a/outline.min.js.map b/outline.min.js.map
diff --git a/reader.js b/reader.js
@@ -153,6 +153,15 @@ class Reader extends Base {
     this.toolbar = new Toolbar({
       placement: 'rtl',
       buttons: [
+        {
+          name: 'print',
+          icon: 'print',
+          size: 20,
+          action: {
+            context: this,
+            handler: this.print
+          }
+        },
         {
           name: 'exit',
           icon: 'close',

diff --git a/reader.min.js b/reader.min.js
diff --git a/reader.min.js.map b/reader.min.js.map
diff --git a/theme/reader.less b/theme/reader.less
@@ -124,24 +124,15 @@
     height: initial !important;
   }
 
-  .outline-reader {
-    display: block !important;
-    overflow: hidden;
-
-    h1,
-    &__title {
-      margin: 13.4pt 0 28pt !important;
-      text-align: center !important;
-      font-size: 20pt !important;
+  .outline {
+    &-message,
+    &-toolbar {
+      display: none !important;
     }
 
-    &.outline-reader {
-      &--reading {
-        position: relative !important;
-        height: auto !important;
-        padding: 0 !important;
-        overflow: hidden !important;
-      }
+    &-reader {
+      display: block !important;
+      overflow: hidden;
 
       h1,
       &__title {
@@ -150,31 +141,47 @@
         font-size: 20pt !important;
       }
 
-      &__close,
-      &__progress {
-        display: none !important;
+      &.outline-reader {
+        &--reading {
+          position: relative !important;
+          height: auto !important;
+          padding: 0 !important;
+          overflow: hidden !important;
+        }
+
+        h1,
+        &__title {
+          margin: 13.4pt 0 28pt !important;
+          text-align: center !important;
+          font-size: 20pt !important;
+        }
+
+        &__close,
+        &__progress {
+          display: none !important;
+        }
       }
-    }
 
-    pre {
-      padding: 1em !important;
-      border: 1px solid @border_color !important;
-      border-radius: 4px !important;
-    }
+      pre {
+        padding: 1em !important;
+        border: 1px solid @border_color !important;
+        border-radius: 4px !important;
+      }
 
-    pre,
-    code {
-      background-color: @white !important;
-    }
+      pre,
+      code {
+        background-color: @white !important;
+      }
 
-    table,
-    img,
-    svg {
-      break-inside: avoid;
-    }
+      table,
+      img,
+      svg {
+        break-inside: avoid;
+      }
 
-    &_sibling {
-      display: none !important;
+      &_sibling {
+        display: none !important;
+      }
     }
   }
 }