xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add UI for local volume control

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2022-07-15 11:18:56 +02:00
commit eda8404144
No known key found for this signature in database
GPG key ID: D1D45825D60C24D2
6 changed files with 222 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/video-grid/VideoTileSettingsModal.module.css Normal file
View file

@ -0,0 +1,76 @@
.content {
margin: 27px 34px;
}
.localVolumePercentage {
width: 40px;
}
.localVolumeSlider[type="range"] {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
width: 100%;
}
.localVolumeSlider[type="range"]::-moz-range-track {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
height: 4px;
}
.localVolumeSlider[type="range"]::-ms-track {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
height: 4px;
}
.localVolumeSlider[type="range"]::-webkit-slider-runnable-track {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
height: 4px;
}
.localVolumeSlider[type="range"]::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
height: 16px;
width: 16px;
margin-top: -6px;
border-radius: 100%;
background: var(--accent);
}
.localVolumeSlider[type="range"]::-ms-thumb {
-ms-appearance: none;
appearance: none;
height: 16px;
width: 16px;
margin-top: -6px;
border-radius: 100%;
background: var(--accent);
}
.localVolumeSlider[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
height: 16px;
width: 16px;
margin-top: -6px;
border-radius: 100%;
background: var(--accent);
}