Improve dark mode for editor help function bar.

gollum · Nov 1, 2023 · 1e5855b · 1e5855b
1 parent fd82cc7
commit 1e5855b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 22 deletions.
diff --git a/lib/gollum/public/gollum/stylesheets/editor.scss b/lib/gollum/public/gollum/stylesheets/editor.scss
@@ -154,34 +154,24 @@ a {
     padding: 0;
 
     a {
-      border: 1px solid transparent;
-      border-width: 1px 0;
       display: block;
-      font-weight: bold;
       height: 100%;
       width: auto;
       padding: 0.2em 1em;
-      text-shadow: 0 -1px 0 #fff;
       font-size: 0.8em;
 
       @include desktop-breakpoint {
         font-size: 1em;
       }
 
       &:hover {
-        background: #fff;
-        border-color: #f0f0f0;
         text-decoration: none;
-
         box-shadow: none;
       }
 
       &.selected {
         border: $border-standard;
-        border-bottom-color: #e7e7e7;
         border-width: 1px 0;
-        background: #fff;
-        color: #000;
 
         box-shadow: 0 1px 2px #f0f0f0;
       }
@@ -192,12 +182,11 @@ a {
 
 
 #gollum-editor-help-list {
-  background: #fafafa;
+
 
 }
 
 #gollum-editor-help-wrapper {
-  background: #fff;
   overflow: auto;
   height: 17em;
   padding: 1em;

diff --git a/lib/gollum/templates/editor.mustache b/lib/gollum/templates/editor.mustache
@@ -94,18 +94,18 @@
 
   <div id="gollum-editor-help" class="jaws border rounded-2 overflow-hidden mb-2">
     <nav id="gollum-editor-help-parent" class="menu rounded-0 float-left border-top-0 border-bottom-0 border-left-0">
-      <a href="javascript:void(0);" class="selected menu-item border-bottom">Help 1</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 1</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 1</a>
+      <a href="javascript:void(0);" class="selected menu-item">Help 1</a>
+      <a href="javascript:void(0);" class="menu-item">Help 1</a>
+      <a href="javascript:void(0);" class="menu-item">Help 1</a>
     </nav>
     <nav id="gollum-editor-help-list" class="menu rounded-0 float-left border-top-0 border-bottom-0 border-left-0">
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 2</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 3</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 4</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 5</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 6</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 7</a>
-      <a href="javascript:void(0);" class="menu-item border-bottom">Help 8</a>
+      <a href="javascript:void(0);" class="menu-item">Help 2</a>
+      <a href="javascript:void(0);" class="menu-item">Help 3</a>
+      <a href="javascript:void(0);" class="menu-item">Help 4</a>
+      <a href="javascript:void(0);" class="menu-item">Help 5</a>
+      <a href="javascript:void(0);" class="menu-item">Help 6</a>
+      <a href="javascript:void(0);" class="menu-item">Help 7</a>
+      <a href="javascript:void(0);" class="menu-item">Help 8</a>
     </nav>
     <div id="gollum-editor-help-wrapper">
       <div id="gollum-editor-help-content" class="f4">