@netless/app-slide 0.0.41 → 0.0.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.41",
+  "version": "0.0.45",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
   ],
   "devDependencies": {
     "@netless/app-shared": "^0.1.1",
-    "@netless/slide": "^0.1.45",
+    "@netless/slide": "^0.1.48",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.0",
     "side-effect-manager": "^0.1.5",

package/src/DocsViewer/style.scss

@@ -122,11 +122,18 @@ $namespace: $slide-namespace;
   transition: background 0.4s;
   cursor: pointer;
   user-select: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   &:hover {
     background: rgba(237, 237, 240, 0.9);
   }
 
+  @media (hover: none) {
+    &:hover {
+      background: transparent !important;
+    }
+  }
+
   & > svg {
     width: 100%;
     height: 100%;
@@ -170,12 +177,19 @@ $namespace: $slide-namespace;
   border: none;
   outline: none;
   width: 1.5em;
+  margin: 0;
+  padding: 0 2px;
   text-align: right;
+  font-size: 13px;
+  line-height: 1;
+  font-weight: normal;
+  font-family: inherit;
   border-radius: 2px;
   color: currentColor;
   background: transparent;
   transition: background 0.4s;
   user-select: text;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   &:hover,
   &:focus,
@@ -186,30 +200,29 @@ $namespace: $slide-namespace;
 }
 
 .#{$namespace}-readonly {
-  .#{$namespace}-footer-btn {
-    cursor: not-allowed;
-
-    &:hover {
-      background: transparent;
-    }
+  &.#{$namespace}-footer {
+    display: none;
   }
+}
 
+.telebox-color-scheme-dark {
   .#{$namespace}-page-number-input {
-    cursor: not-allowed;
-
-    &:hover,
-    &:focus,
-    &:active {
-      background: transparent;
-      box-shadow: none;
-    }
-
-    &:disabled {
-      color: inherit;
-    }
+    color: #a6a6a8;
   }
-
-  &.#{$namespace}-float-footer {
-    display: none;
+  .#{$namespace}-page-number-input:active,
+  .#{$namespace}-page-number-input:focus,
+  .#{$namespace}-page-number-input:hover {
+    color: #222;
+  }
+  .#{$namespace}-footer {
+    color: #a6a6a8;
+    background: #2d2d33;
+    border-top: none;
+  }
+  .#{$namespace}-footer-btn:hover {
+    background: #212126;
+  }
+  .#{$namespace}-preview {
+    background: rgba(50, 50, 50, 0.9);
   }
 }

package/src/index.ts

@@ -22,7 +22,7 @@ export { SlidePreviewer, default as previewSlide } from "./SlidePreviewer";
 
 export type { Attributes, AddHooks, FreezableSlide };
 
-export const version = "0.0.41";
+export const version = "0.0.45";
 
 export { DefaultUrl, apps, FreezerLength, addHooks };