feat: support media query

xupea · Mar 22, 2024 · 62972a3 · 62972a3
1 parent 43132bd
commit 62972a3
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 20 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "clean-csdn",
   "displayName": "Clean CSDN Blog",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "author": "Peter Xu",
   "description": "Just make csdn blog as clean as it should be",
   "type": "module",

diff --git a/src/contentScript/index.ts b/src/contentScript/index.ts
@@ -15,15 +15,31 @@ chrome.storage.sync.get(['hideSider'], function (result) {
   if (hideSider) {
     injectCSS(
       `aside {
-            display: none !important;
-          }
+        display: none !important;
+      }
 
-          @media screen and (min-width: 1380px) {
-            .nodata .container {
-              width: unset !important;
-            }
-          }
-          `,
+      @media screen and (min-width: 1380px) {
+        .nodata .container {
+          width: unset !important;
+        }
+      }
+
+      @media (min-width: 1320px) and (max-width:1380px) {
+        .nodata .container {
+            width: unset !important;
+        }
+      }
+
+      @media screen and (max-width: 1320px) {
+        .nodata .container {
+          width: unset !important;
+        }
+      }
+
+      .left-toolbox {
+        left: unset !important;
+      }
+      `,
     )
   }
 })

diff --git a/src/contentScript/overrides.css b/src/contentScript/overrides.css