Fix background color transition in destructive buttons

2019-03-28 20:30:30 +01:00 · 2019-03-28 20:30:30 +01:00 · a74d300b68
parent f4b038f779
commit a74d300b68
1 changed files with 11 additions and 0 deletions
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@ -35,6 +35,17 @@
    transition: all 200ms ease-out;
  }

+  &--destructive {
+    transition: none;
+
+    &:active,
+    &:focus,
+    &:hover {
+      background-color: $error-red;
+      transition: none;
+    }
+  }
+
  &:disabled {
    background-color: $ui-primary-color;
    cursor: default;