mirror of
https://github.com/go-gitea/gitea.git
synced 2024-08-26 21:54:19 -04: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
@ -2197,9 +2197,12 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.ui.label {
|
.ui.label,
|
||||||
|
.ui.label.visible {
|
||||||
max-height: 40px;
|
max-height: 40px;
|
||||||
padding: 9px 15px 7px;
|
padding: .4rem .8rem;
|
||||||
|
display: flex !important;
|
||||||
|
align-items: center;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-right: 1px solid;
|
border-right: 1px solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
@ -2220,20 +2223,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reaction-count {
|
.reaction-count {
|
||||||
margin-left: 4px;
|
margin-left: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-reaction {
|
.select-reaction {
|
||||||
float: left;
|
display: flex;
|
||||||
padding: .6em;
|
align-items: center;
|
||||||
line-height: 21px;
|
padding: .5rem;
|
||||||
|
|
||||||
&:not(.active) a {
|
&:not(.active) a {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
> svg {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .select-reaction a {
|
&:hover .select-reaction a {
|
||||||
|
Loading…
Reference in New Issue
Block a user