Removed inconsistency in wiki/new toolbar icon. Icon and Text colour …

…changed to #222 and hover color to white . (#6956) * wiki/new toolbar icon colour changed to black and hover color to white * error fixed * changes suggested
publiclab · Dec 16, 2019 · 8aa3eb0 · 8aa3eb0
1 parent 8cb0f37
commit 8aa3eb0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/app/assets/stylesheets/style.css b/app/assets/stylesheets/style.css
@@ -566,3 +566,15 @@ textarea, input {
   border-radius: 4px;
   padding: 10px; 
 }
+
+.btn-toolbar .btn-outline-secondary
+{
+    color:#222;
+}
+
+.btn-toolbar .btn-outline-secondary:hover
+{
+    color: #f1f1f1 !important;
+}
+
+
diff --git a/app/views/editor/_toolbar.html.erb b/app/views/editor/_toolbar.html.erb
@@ -1,9 +1,9 @@
 <div class="btn-toolbar" style="margin-bottom:8px;">
 
   <div class="btn-group mr-2 ">
-    <a data-toggle="tooltip" title="Bold" data-placement="bottom" class="btn btn-outline-secondary btn-sm" onClick="$E.bold()"><i class="fa fa-bold"></i></a>
-    <a data-toggle="tooltip" title="Italic" data-placement="bottom" class="btn btn-outline-secondary btn-sm" onClick="$E.italic()"><i class="fa fa-italic"></i></a>
-    <a data-toggle="tooltip" title="Header" data-placement="bottom" class="btn btn-outline-secondary btn-sm" onClick="$E.h2()"><b><span class="d-md-none d-lg-inline">Header</span><span class="d-none d-md-inline d-lg-none">H</span></b></a>
+    <a data-toggle="tooltip" title="Bold" data-placement="bottom" class="btn btn-outline-secondary btn-sm " onClick="$E.bold()"><i class="fa fa-bold" ></i></a>
+    <a data-toggle="tooltip" title="Italic" data-placement="bottom" class="btn btn-outline-secondary btn-sm " onClick="$E.italic()"><i class="fa fa-italic" ></i></a>
+    <a data-toggle="tooltip" title="Header" data-placement="bottom" class="btn btn-outline-secondary btn-sm " onClick="$E.h2()"><b><span class="d-md-none d-lg-inline  ">Header</span><span class="d-none d-md-inline d-lg-none">H</span></b></a>
   </div>
 
   <div class="btn-group mr-2">
@@ -12,7 +12,7 @@
 
   <div class="dropdown mr-2">
     <div class="d-md-none d-lg-inline">
-      <a class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" href="#">
+      <a class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" href="#" >
         Templates
         <span class="caret"></span>
       </a>
@@ -30,7 +30,7 @@
   </div>
 
   <div class="btn-group">
-    <a data-toggle="tooltip" title="Help" data-placement="bottom" class="btn btn-outline-secondary btn-sm" target="_blank" href="/wiki/authoring-help"><i class="fa fa-question-circle"></i></a>
+    <a data-toggle="tooltip" title="Help" data-placement="bottom" class="btn btn-outline-secondary btn-sm" target="_blank" href="/wiki/authoring-help"><i class="fa fa-question-circle" ></i></a>
   </div>
 
 </div>