btn-danger on switch will make it red for on and black for off

12 years ago · a6e54a627e
parent 091ec312c8
commit a6e54a627e
2 changed files with 9 additions and 1 deletions
--- a/UI/Content/Overrides/bootstrap.toggle-switch.less
+++ b/UI/Content/Overrides/bootstrap.toggle-switch.less
@ -4,9 +4,17 @@
 .toggle {
  .slide-button {
    .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
+
+    &.btn-danger {
+      .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
+    }
  }

  input:first-of-type:checked ~ .slide-button {
    .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
+
+    &.btn-danger {
+      .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
+    }
  }
 }
--- a/UI/Series/Delete/DeleteSeriesTemplate.html
+++ b/UI/Series/Delete/DeleteSeriesTemplate.html
@ -23,7 +23,7 @@
                                <span>No</span>
                            </p>

-                            <div class="btn btn-primary slide-button"/>
+                            <div class="btn slide-button btn-danger"/>
                        </label>

                <span class="help-inline-checkbox">