fix: css styling

Author: pratikb64

wiki/public/scss/edit_wiki.scss

@@ -6,12 +6,16 @@ body {
   --editor-line-no-bg-color: var(--gray-100);
 
   --editor-background-color: #f3f3f3;
+
+  --button-background-color: #383838;
 }
 
 body.dark {
   --editor-line-no-bg-color: var(--gray-800);
   --control-bg-on-gray: var(--gray-700);
   --editor-background-color: #333c44;
+  
+  --button-background-color: #383838;
 
   .draft-wiki-page {
     background: var(--gray-700);
@@ -21,6 +25,7 @@ body.dark {
 
 .form-control {
   background-color: white;
+  border: 1px solid var(--background-color);
 }
 
 // edit page
@@ -577,7 +582,7 @@ $font-sizes-mobile: (
 
 .btn.btn-primary:hover {
   color: #fff;
-  background-color: var(--editor-background-color);
+  background-color: var(--button-background-color);
   border-color: #383838;
 }
 

wiki/public/scss/wiki.scss

@@ -657,8 +657,9 @@ body.dark {
 }
 
 .dropdown-menu {
-  background-color: var(--background-color);
-
+  background-color: var(--editor-background-color);
+  border-color: var(--editor-background-color);
+  
   .dropdown-item {
     color: var(--text-color);
 
@@ -670,6 +671,10 @@ body.dark {
   }
 }
 
+.dropdown-menu.show {
+  top: 4px !important;
+}
+
 // main-content
 .main-column {
   background-color: var(--background-color);
@@ -816,7 +821,7 @@ h6:hover .feather-link {
   width: 25rem;
 
   .form-control:focus {
-    border: none;
+    border: 1px solid var(--background-color);
   }
 
   .rating-options-buttons {

wiki/wiki/doctype/wiki_page/templates/editor.html

@@ -7,29 +7,15 @@
       Discard
     </div>
     <div class="btn-group">
-      <div
-        type="button"
-        class="btn btn-group btn-primary save-wiki-page-btn btn-sm"
-        data-wiki-button="saveWikiPage"
-      >
+      <div type="button" class="btn btn-group btn-primary save-wiki-page-btn btn-sm" data-wiki-button="saveWikiPage">
         Save
       </div>
-      <div
-        type="button"
-        class="btn btn-primary btn-sm dropdown-toggle dropdown-toggle-split"
-        data-toggle="dropdown"
-        aria-haspopup="true"
-        aria-expanded="false"
-      >
+      <div type="button" class="btn btn-primary btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown"
+        aria-haspopup="true" aria-expanded="false">
         <span class="sr-only">Toggle Dropdown</span>
       </div>
       <div class="dropdown-menu" aria-labelledby="saveDropdownMenuButton">
-        <a
-          href="#"
-          class="dropdown-item text-sm"
-          data-wiki-button="draftWikiPage"
-          >Draft</a
-        >
+        <a href="#" class="dropdown-item text-sm" data-wiki-button="draftWikiPage">Draft</a>
       </div>
     </div>
   </div>
@@ -39,13 +25,8 @@
 <div class="wiki-editor-container">
   <div class="wiki-title-container">
     <label class="text-sm">Title</label>
-    <input
-      type="text"
-      class="form-control wiki-title-input"
-      value=""
-      placeholder="What's the Wiki Title?"
-    />
+    <input type="text" class="form-control wiki-title-input" value="" placeholder="What's the Wiki Title?" />
   </div>
   <label class="text-sm">Content</label>
   <div id="wiki-editor"></div>
-</div>
+</div>