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

Add support for displaying the duration of a raised hand.

Browse Source
This commit is contained in:
Half-Shot
2024-10-25 17:09:45 +01:00
parent 16afb568fd
commit 1c8e547b9a
5 changed files with 113 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/tile/MediaView.module.css
View File

@@ -90,6 +90,21 @@ unconditionally select the container so we can use cqmin units */
place-items: start;
}
.raisedHandWidget {
display: flex;
background-color: var(--cpd-color-bg-subtle-primary);
border-radius: var(--cpd-radius-pill-effect);
color: var(--cpd-color-icon-secondary);
border: 1px solid var(--cpd-color-yellow-1200);
}
.raisedHandWidget > p {
padding: var(--cpd-space-2x);
margin-top: auto;
margin-bottom: auto;
width: 4em;
}
.raisedHand {
margin: var(--cpd-space-2x);
padding: var(--cpd-space-2x);
@@ -104,6 +119,7 @@ unconditionally select the container so we can use cqmin units */
box-shadow: var(--small-drop-shadow);
box-sizing: border-box;
max-inline-size: 100%;
max-width: fit-content;
}
.raisedHand > span {
@@ -114,6 +130,10 @@ unconditionally select the container so we can use cqmin units */
font-size: 22px;
}
.raisedHandBorder {
border: var(--cpd-space-1x) solid var(--cpd-color-yellow-1200);
}
.nameTag {
grid-area: nameTag;
padding: var(--cpd-space-1x);