Merge pull request #3 from gh640/2-fix_exntension_name_overflow

2 fix exntension name overflow
gh640 · Apr 16, 2024 · ea7346f · ea7346f
2 parents 77a7491 + cfee78b
commit ea7346f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/popup/script.jsx b/popup/script.jsx
@@ -94,7 +94,7 @@ const Item = ({ extension, onClick }) => {
           className="extension-image"
         />
       ) : null}
-      <span>{name}</span>
+      <span className="extension-name">{name}</span>
     </button>
   );
 };

diff --git a/popup/style.css b/popup/style.css
@@ -88,3 +88,9 @@ body {
   width: 14px;
   height: 14px;
 }
+
+.extension-name {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/public/manifest.json b/public/manifest.json
@@ -3,7 +3,7 @@
   "name": "Extension Switch",
   "short_name": "Extension Switch",
   "description": "Provides a switch to toggle statuses of installed extensions.",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "icons": {
     "19": "images/icon19.png",
     "32": "images/icon32.png",
@@ -29,4 +29,4 @@
     "default_title": "Click to switch extensions",
     "default_popup": "popup.html"
   }
-}
+}