Fix crop button styles

will-moore · Feb 21, 2024 · d9899b8 · d9899b8
1 parent 4487c24
commit d9899b8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/css/figure.css b/src/css/figure.css
@@ -23,6 +23,13 @@
     }
 
     /* copied these from previous figure (Bootstrap 3.0.0) */
+    .btn {
+        /* only used for default buttons. Overridden for other buttons */
+        /* .btn-default class is still on lots of buttons (legacy from bootstrap 3.0.0) 
+         but now has no effect */
+        --bs-btn-border-color: #cccccc;;
+    }
+    /* prefer these colors */
     .btn-success {
         --bs-btn-bg: #5cb85c;
         --bs-btn-border-color: #5cb85c;

diff --git a/src/templates/zoom_crop.template.html b/src/templates/zoom_crop.template.html
@@ -10,15 +10,15 @@ <h5 style="margin-top:6px">
 </h5>
 
 <div class="btn-group">
-    <button type="button" class="btn btn-sm btn-default copyCropRegion" title="Copy crop region"
+    <button type="button" class="btn btn-sm btn-outline-secondary copyCropRegion" title="Copy crop region"
         <% if (!canCopyRect) print('disabled') %> >
         Copy
     </button>
-    <button type="button" class="btn btn-sm btn-default pasteCropRegion" title="Paste crop region"
+    <button type="button" class="btn btn-sm btn-outline-secondary pasteCropRegion" title="Paste crop region"
         <% if (!canPasteRect) print('disabled') %> >
         Paste
     </button>
-    <button type="button" class="btn btn-sm btn-default reset-zoom-shape" title="Reset crop">
+    <button type="button" class="btn btn-sm btn-outline-secondary reset-zoom-shape" title="Reset crop">
         Reset
     </button>
 </div>