Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2024-11-24 00:38:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

further screen size tweaks

Browse Source
This commit is contained in:
Half-Shot 2024-11-15 12:21:32 +00:00
parent a69b5f26c2
commit c7810c123b
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/button/ReactionToggleButton.module.css
View File

@ -5,10 +5,19 @@
.reactionPopupMenu {
--reaction-button-padding: 10px;
--reaction-button-fontsize: 20px;
--reaction-button-gap: var(--cpd-separator-spacing);
display: flex;
width: fit-content;
}
@media (max-width: 420px) {
.reactionPopupMenu {
--reaction-button-padding: 8px;
--reaction-button-fontsize: 16px;
--reaction-button-gap: 6px;
}
}
div.reactionPopupMenuRoot.reactionPopupMenuModal {
--overlay-top: 82vh;
width: fit-content;
@ -44,7 +53,7 @@ div.reactionPopupMenuRoot.reactionPopupMenuModal > div > div {
margin: 0;
padding: 0;
flex-grow: 1;
gap: var(--cpd-separator-spacing);
gap: var(--reaction-button-gap);
/* Height of 3 rows plus padding. */
max-height: calc(
((var(--reaction-button-fontsize) + var(--cpd-separator-spacing)) * 2) * 3