Remove hover states from disabled buttons

This commit is contained in:
Annabel Dunstone Gray 2018-01-17 10:58:45 -07:00
parent 5139a19e1e
commit c1b374a708
No known key found for this signature in database
GPG Key ID: 7C8C78A372AD7A2D
2 changed files with 21 additions and 16 deletions

View File

@ -220,14 +220,6 @@
@include btn-with-margin;
}
&.disabled {
pointer-events: auto !important;
}
&[disabled] {
pointer-events: none !important;
}
.fa-caret-down,
.fa-chevron-down {
margin-left: 5px;
@ -451,19 +443,27 @@
@include btn-svg;
}
// All disabled buttons, regardless of color
// All disabled buttons, regardless of color, type, etc
%disabled {
background-color: $gray-light !important;
border-color: $theme-gray-200 !important;
color: $gl-text-color-disabled !important;
opacity: 1 !important;
cursor: not-allowed !important;
i {
color: $gl-text-color-disabled !important;
}
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.dropdown-toggle[disabled],
[disabled].dropdown-menu-toggle {
background-color: $gray-light;
border-color: $theme-gray-200;
color: $gl-text-color-disabled;
opacity: 1;
cursor: not-allowed;
@extend %disabled;
i {
color: $gl-text-color-disabled;
&:hover {
@extend %disabled;
}
}

View File

@ -0,0 +1,5 @@
---
title: Set standard disabled state for all buttons
merge_request:
author:
type: other