add SETTINGS text to config button

rapidsai · Mar 27, 2024 · 07df0a0 · 07df0a0
1 parent 3b44685
commit 07df0a0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/launchWidget.tsx b/src/launchWidget.tsx
@@ -140,6 +140,7 @@ const Control: React.FC<IControlProps> = ({
           className="header-button"
           onClick={() => app.commands.execute(PLUGIN_ID_OPEN_SETTINGS)}
         >
+          <div className="nv-header-icon-text">settings</div>
           <settingsIcon.react className="nv-header-icon"></settingsIcon.react>
         </Button>
       </div>

diff --git a/style/base.css b/style/base.css
@@ -107,6 +107,22 @@
   box-shadow: 0 0 5px 2px #ff7900; /* Reduced blur for the glowing effect on hover */
 }
 
+.nv-header-icon-text {
+  font-family: 'Courier New', Courier, monospace;
+  word-spacing: 5px;
+  font-variant: all-small-caps;
+  color: #ff7900;
+  margin-right: 3px;
+  font-size: 15px;
+}
+
+.nv-header-icon-text:hover {
+  text-shadow:
+    -0.25px 0 #ff7900,
+    0 0.25px #ff7900,
+    0.25px 0 #ff7900,
+    0 -0.25px #ff7900;
+}
 .chart-title {
   padding-left: 62px;
   font-size: 22px;
@@ -153,6 +169,7 @@
 
 .nv-header-icon svg path {
   fill: #ff7900 !important;
+  font-size: 5px !important;
 }
 
 .nv-icon-custom {