bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Status: fix annoying height difference when doing an emoji react

Browse source
This commit is contained in:
Alex Gleason 2021-09-23 13:57:14 -05:00
parent b0f860e292
commit f3fc9546f1
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/styles/components/emoji-reacts.scss
View file

@ -135,6 +135,8 @@
.svg-icon {
width: 20px;
height: 20px;
display: block;
overflow: visible;
}
.icon-button__emoji .emojione {
@ -142,6 +144,10 @@
height: 20px;
}
svg {
stroke-width: 2px;
}
svg.icon-tabler {
// Tabler icons are a little thicker than Feather icons
stroke-width: 1.6px !important;
@ -151,10 +157,10 @@
// This icon is a little different than the others...
.status__action-bar__counter--favourite,
.detailed-status__button--favourite {
.svg-icon {
width: 26px !important;
height: 26px !important;
transform: translateY(-1px);
.svg-icon svg {
width: 26px;
height: 26px;
transform: translateY(-6px);
}
}

11
app/styles/components/status.scss
View file

@ -344,7 +344,7 @@
align-items: center;
.status__action-bar-button {
margin-right: 4px;
margin-right: 8px;
}
&__label {
@ -355,15 +355,6 @@
color: var(--brand-color);
}
}
.svg-icon {
width: 24px;
height: 20px;
svg {
stroke-width: 2px;
}
}
}
.status__action-bar-button {