fix: css on windows

betterRunner · Oct 6, 2021 · 4e6f22c · 4e6f22c
1 parent 0a316cd
commit 4e6f22c
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 10 deletions.
diff --git a/src/content-scripts/main.css b/src/content-scripts/main.css
@@ -10,3 +10,14 @@ will be invisible, so set left to 0. */
 .ql-tooltip {
   left: 0 !important;
 }
+
+::-webkit-scrollbar {
+  width: 5px !important;
+}
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3) !important;
+  border-radius: 5px !important;
+}
+::-webkit-scrollbar-thumb:window-inactive {
+  background: #aaa !important;
+}
diff --git a/src/content-scripts/renderer/popup/footer/index.vue b/src/content-scripts/renderer/popup/footer/index.vue
@@ -76,6 +76,8 @@ export default {
   background: #fff;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
+  display: flex;
+  align-items: center;
 
   .footer {
     padding: 10px 20px 10px 10px;

diff --git a/src/content-scripts/renderer/popup/note-book/note.vue b/src/content-scripts/renderer/popup/note-book/note.vue
@@ -256,6 +256,8 @@ export default {
   flex-direction: column;
   justify-content: flex-start;
   width: 460px;
+  max-width: 460px;
+  box-sizing: border-box !important;
   height: 100%;
 
   .note-link {

diff --git a/src/content-scripts/renderer/popup/shared/more.vue b/src/content-scripts/renderer/popup/shared/more.vue
@@ -73,6 +73,7 @@ export default {
       height: px,
       border: `${px} solid ${props.color}`,
       "border-radius": px,
+      "box-sizing": "border-box",
       margin: px,
       cursor: 'pointer',
       'user-select': 'none',

diff --git a/src/content-scripts/renderer/popup/tag-book/index.vue b/src/content-scripts/renderer/popup/tag-book/index.vue
@@ -211,14 +211,4 @@ export default {
   border: 1px solid #ccc;
   box-shadow: rgb(14 30 62 / 8%) 0px 3px 6px 0px;
 }
-::-webkit-scrollbar {
-  width: 5px;
-}
-::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
-  border-radius: 5px;
-}
-::-webkit-scrollbar-thumb:window-inactive {
-  background: #aaa;
-}
 </style>