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

update styling (dark bg on menu open + chevron white + chevron up)

Browse Source
This commit is contained in:
Timo K
2026-05-05 11:57:35 +02:00
parent 63e2b4c549
commit f85cb947eb
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/MediaMuteAndSwitchButton.module.css
View File

@@ -14,7 +14,10 @@ Please see LICENSE in the repository root for full details.
transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;
} }
.containerOpen { .containerOpen {
background-color: var(--cpd-color-bg-subtle-primary); background-color: var(--cpd-color-bg-action-primary-pressed);
}
.chevronIconOpen > svg {
color: var(--cpd-color-icon-on-solid-primary);
} }
.menuButton { .menuButton {
width: 40px; width: 40px;

8
src/components/MediaMuteAndSwitchButton.tsx
View File

@@ -16,6 +16,7 @@ import { t } from "i18next";
import { import {
CheckIcon, CheckIcon,
ChevronUpIcon, ChevronUpIcon,
ChevronDownIcon,
MicOffSolidIcon, MicOffSolidIcon,
MicOnIcon, MicOnIcon,
MicOnSolidIcon, MicOnSolidIcon,
@@ -171,8 +172,11 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
trigger={ trigger={
<Button <Button
iconOnly iconOnly
className={styles.menuButton} className={classNames({
Icon={ChevronUpIcon} [styles.menuButton]: true,
[styles.chevronIconOpen]: menuOpen,
})}
Icon={menuOpen ? ChevronUpIcon : ChevronDownIcon}
kind={"tertiary"} kind={"tertiary"}
size="lg" size="lg"
aria-label={optionsButtonLabel} aria-label={optionsButtonLabel}