Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-08-29 21:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Another attempt to fix the sizing of the reactions

Browse Source
This commit is contained in:
Half-Shot
2024-11-08 14:42:10 +00:00
parent 1062b98289
commit 689f94b7e5
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/reactions/ReactionIndicator.module.css
View File

@@ -18,8 +18,8 @@
.reactionLarge { .reactionLarge {
margin: var(--cpd-space-2x); margin: var(--cpd-space-2x);
padding: var(--cpd-space-2x); padding: var(--cpd-space-4x);
padding-block: var(--cpd-space-2x); padding-block: var(--cpd-space-4x);
} }
.reaction { .reaction {
@@ -35,6 +35,8 @@
box-sizing: border-box; box-sizing: border-box;
max-inline-size: 100%; max-inline-size: 100%;
max-width: fit-content; max-width: fit-content;
padding: var(--cpd-space-1x);
padding-block: var(--cpd-space-1x);
} }
.reaction > span { .reaction > span {
@@ -42,15 +44,13 @@
height: var(--cpd-space-6x); height: var(--cpd-space-6x);
display: inline-block; display: inline-block;
text-align: center; text-align: center;
font-size: 1.3em; font-size: 1.2em;
/* Centralise */ /* Centralise */
line-height: 1.2; line-height: 1.2;
} }
.reactionLarge > span { .reactionLarge > span {
width: var(--cpd-space-8x); width: 30px;
height: var(--cpd-space-8x); height: 30px;
font-size: 1.9em; font-size: 25px;
/* Centralise */
line-height: 1.1;
} }