Browse Source
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>
for-closed-social
silverwind
4 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
9 additions and
9 deletions
web_src/less/_repository.less
@ -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 {