style: finalize tooltip chord style by removing fixed dimensions and cleaning up decorations

Author: ImXiangYu

better-github-nav.user.js

@@ -2,7 +2,7 @@
 // @name         Better GitHub Navigation
 // @name:zh-CN   更好的 GitHub 导航栏
 // @namespace    https://github.com/ImXiangYu/better-github-nav
-// @version      0.1.37
+// @version      0.1.38
 // @description  Add quick access to Dashboard, Trending, Explore, Collections, and Stars from GitHub's top navigation.
 // @description:zh-CN 在 GitHub 顶部导航中加入 Dashboard、Trending、Explore、Collections、Stars 快捷入口，常用页面一键直达。
 // @author       Ayubass
@@ -16,7 +16,7 @@
 
 (() => {
   // src/constants.js
-  var SCRIPT_VERSION = "0.1.37";
+  var SCRIPT_VERSION = "0.1.38";
   var CUSTOM_BUTTON_CLASS = "custom-gh-nav-btn";
   var CUSTOM_BUTTON_ACTIVE_CLASS = "custom-gh-nav-btn-active";
   var CUSTOM_BUTTON_COMPACT_CLASS = "custom-gh-nav-btn-compact";
@@ -205,31 +205,29 @@
             gap: 4px;
             margin: 0;
             padding: 0;
-            border: 0;
+            border: none !important;
+            box-shadow: none !important;
             font: inherit;
             color: inherit;
-            background: transparent;
-            text-decoration: none;
+            background: transparent !important;
+            text-decoration: none !important;
         }
         .custom-gh-nav-tooltip-chord {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            min-width: 18px;
-            height: 18px;
+            display: inline-block;
+            vertical-align: middle;
             padding: 0 4px;
             border-radius: 4px;
-            background: #6e7681;
+            background: rgba(110, 118, 129, 0.4);
             color: #ffffff;
             font-size: 11px;
             font-weight: 400;
-            line-height: 1;
+            line-height: 18px;
             font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
             text-transform: uppercase;
             box-sizing: border-box;
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
-            text-decoration: none;
+            border: none !important;
+            box-shadow: none !important;
+            text-decoration: none !important;
         }
         #${SETTINGS_OVERLAY_ID} {
             position: fixed;

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "better-github-nav",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "description": "Build tools for the Better GitHub Navigation userscript.",
   "private": true,
   "scripts": {

package.json

@@ -78,31 +78,29 @@ export function ensureStyles() {
             gap: 4px;
             margin: 0;
             padding: 0;
-            border: 0;
+            border: none !important;
+            box-shadow: none !important;
             font: inherit;
             color: inherit;
-            background: transparent;
-            text-decoration: none;
+            background: transparent !important;
+            text-decoration: none !important;
         }
         .custom-gh-nav-tooltip-chord {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            min-width: 18px;
-            height: 18px;
+            display: inline-block;
+            vertical-align: middle;
             padding: 0 4px;
             border-radius: 4px;
-            background: #6e7681;
+            background: rgba(110, 118, 129, 0.4);
             color: #ffffff;
             font-size: 11px;
             font-weight: 400;
-            line-height: 1;
+            line-height: 18px;
             font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
             text-transform: uppercase;
             box-sizing: border-box;
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
-            text-decoration: none;
+            border: none !important;
+            box-shadow: none !important;
+            text-decoration: none !important;
         }
         #${SETTINGS_OVERLAY_ID} {
             position: fixed;