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

lint

Browse Source
This commit is contained in:
Half-Shot 2024-11-14 16:06:34 +00:00
parent b49bfbb481
commit 4871176216
3 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Modal.module.css
View File

@ -6,6 +6,7 @@ Please see LICENSE in the repository root for full details.
*/
.modal {
--inset-inline: 520px;
display: flex;
flex-direction: column;
}
@ -35,7 +36,7 @@ Please see LICENSE in the repository root for full details.
.drawer {
background: var(--cpd-color-bg-canvas-default);
inset-block-end: 0;
inset-inline: max(0px, calc((100% - 520px) / 2));
inset-inline: max(0px, calc((100% - var(--inset-inline)) / 2));
max-block-size: 90%;
border-start-start-radius: var(--border-radius);
border-start-end-radius: var(--border-radius);

3
src/Overlay.module.css
View File

@ -42,8 +42,9 @@ Please see LICENSE in the repository root for full details.
}
.overlay.animate {
--overlay-top: 50%;
left: 50%;
top: 50%;
top: var(--overlay-top);
transform: translate(-50%, -50%);
}

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

@ -7,21 +7,24 @@
width: fit-content;
}
.reactionPopupMenuModal {
top: 82vh !important;
div.reactionPopupMenuRoot.reactionPopupMenuModal {
--overlay-top: 82vh;
}
.reactionPopupMenuRoot {
width: fit-content !important;
div.reactionPopupMenuRoot {
/* Center the drawer */
--inset-inline: 30em;
width: fit-content;
}
.reactionPopupMenuRoot > div {
width: fit-content;
max-width: 100%;
}
.reactionPopupMenuModal > div > div {
padding-inline: var(--cpd-space-6x) !important;
padding-block: var(--cpd-space-6x) !important;
div.reactionPopupMenuRoot.reactionPopupMenuModal > div > div {
padding-inline: var(--cpd-space-6x);
padding-block: var(--cpd-space-6x);
}
.reactionPopupMenu section {
@ -89,12 +92,6 @@
border: none;
}
@media (max-width: 660px) {
:root {
--reaction-button-size: 1em;
--reaction-button-fontsize: 1em;
}
}
.verticalSeperator {
background-color: var(--cpd-color-gray-800);
width: 1px;