kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Remove hover states from disabled buttons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

32
app/assets/stylesheets/framework/buttons.scss
View file

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

5
changelogs/unreleased/26296-update-styling-disabled-buttons.yml Normal file
View file

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