mirror of
https://github.com/go-gitea/gitea
synced 2024-12-16 09:54:02 +01:00
Tweak reaction buttons (#11496)
- Vertical centering using flexbox - Very slightly decreased size of the boxes Co-authored-by: zeripath <art27@cantab.net> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
This commit is contained in:
parent
6ccd19ef86
commit
50a97272b9
1 changed files with 9 additions and 9 deletions
|
@ -2197,9 +2197,12 @@
|
|||
padding: 0;
|
||||
display: flex;
|
||||
|
||||
.ui.label {
|
||||
.ui.label,
|
||||
.ui.label.visible {
|
||||
max-height: 40px;
|
||||
padding: 9px 15px 7px;
|
||||
padding: .4rem .8rem;
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
border: 0;
|
||||
border-right: 1px solid;
|
||||
border-radius: 0;
|
||||
|
@ -2220,20 +2223,17 @@
|
|||
}
|
||||
|
||||
.reaction-count {
|
||||
margin-left: 4px;
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.select-reaction {
|
||||
float: left;
|
||||
padding: .6em;
|
||||
line-height: 21px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: .5rem;
|
||||
|
||||
&:not(.active) a {
|
||||
display: none;
|
||||
}
|
||||
> svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .select-reaction a {
|
||||
|
|
Loading…
Reference in a new issue