diff options
| author | Jacob Schatz <jschatz@gitlab.com> | 2016-06-10 15:38:52 +0000 |
|---|---|---|
| committer | Jacob Schatz <jschatz@gitlab.com> | 2016-06-10 15:38:52 +0000 |
| commit | 0adc6d1bc06daa881213a39fa4f1ae645c0e3b32 (patch) | |
| tree | 589000adb38bade7693594b43d399086b61f4177 | |
| parent | c7eecb4a203cac4994cfa700a630c569ee3398eb (diff) | |
| parent | e0a90c467c4ffaf6fec03ad54afa5f18b71a6aa3 (diff) | |
| download | gitlab-ce-0adc6d1bc06daa881213a39fa4f1ae645c0e3b32.tar.gz | |
Merge branch 'prettier-awardable-button-active' into 'master'
Made the awardable buttons prettier when active
## What does this MR do?
Made the active and hover state of the award emoji buttons prettier.
## Why was this MR needed?
'cause @JobV wanted them to look nicer :wink:
## What are the relevant issue numbers?
Closes #18379
## Screenshots (if relevant)
See merge request !4554
| -rw-r--r-- | app/assets/stylesheets/pages/awards.scss | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/app/assets/stylesheets/pages/awards.scss b/app/assets/stylesheets/pages/awards.scss index 05d1ee5b998..6211f3a52eb 100644 --- a/app/assets/stylesheets/pages/awards.scss +++ b/app/assets/stylesheets/pages/awards.scss @@ -101,13 +101,21 @@ line-height: 20px; outline: 0; + &:hover, &.active, &:active { - background-color: $white-dark; + background-color: $row-hover; + border-color: $row-hover-border; box-shadow: none; outline: 0; } + &.btn { + &:focus { + outline: 0; + } + } + &.is-loading { .award-control-icon-normal, .emoji-icon { |