diff options
| author | silverwind <me@silverwind.io> | 2020-08-24 00:45:21 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-23 18:45:21 -0400 |
| commit | 0c0f049d09dfcdaaf43029ff853a838c02efc79e (patch) | |
| tree | 2c63ca14ad57cfe04072fc5e28ad4ca387caaa33 | |
| parent | 1bf7b8d7c18a4d9e09c3797fe80709ff00bd8f39 (diff) | |
| download | gitea-0c0f049d09dfcdaaf43029ff853a838c02efc79e.tar.gz gitea-0c0f049d09dfcdaaf43029ff853a838c02efc79e.zip | |
Reaction picker display improvements (#12576)
- Remove overly thin font-width on counter
- Add hover effect on reaction picker
- Change colors on arc-green to green to match the theme
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: zeripath <art27@cantab.net>
| -rw-r--r-- | web_src/less/_repository.less | 25 | ||||
| -rw-r--r-- | web_src/less/themes/theme-arc-green.less | 10 |
2 files changed, 28 insertions, 7 deletions
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index eb316ee71e..0d994c565c 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -2345,9 +2345,10 @@ > .item { float: left; - padding: .5rem !important; + padding: .25rem !important; + margin: .25rem; font-size: 1.5em; - width: 45px; + width: 39px; left: 13px; img.emoji { @@ -2361,10 +2362,9 @@ padding: 0; display: flex; - .ui.label, - .ui.label.visible { + .ui.label { max-height: 40px; - padding: .4rem .8rem; + padding: 7px 18px; display: flex !important; align-items: center; border: 0; @@ -2372,7 +2372,7 @@ border-radius: 0; margin: 0; font-size: 14px; - font-weight: 100; + font-weight: normal; border-color: inherit !important; &.disabled { @@ -2393,11 +2393,22 @@ .select-reaction { display: flex; align-items: center; - padding: 0 .5rem; + padding: 0 14px; &:not(.active) a { display: none; } + + .item { + border-radius: 6px; + display: flex; + justify-content: center; + align-items: center; + } + + .item:hover { + background: #4183c4; + } } &:hover .select-reaction a { diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less index f9b643e969..bf7d2e1160 100644 --- a/web_src/less/themes/theme-arc-green.less +++ b/web_src/less/themes/theme-arc-green.less @@ -704,6 +704,16 @@ a.ui.basic.green.label:hover { border-color: #26577b !important; } +.repository .segment.reactions .ui.label.basic.blue { + color: #a0cc75 !important; + background: #305020 !important; + border-color: #404552 !important; +} + +.repository .segment.reactions .select-reaction .item:hover { + background: #305020; +} + .ui.menu .item > .label { background: #565454; } |