haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(UI): Highlight the audio device when we hover over it

This commit is contained in:
Jaya Allamsetty 2020-06-05 13:33:10 -04:00 committed by Jaya Allamsetty
parent d1d968997e
commit e6093e0706
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/_audio-preview.css
View File

@ -1,5 +1,6 @@
.audio-preview { .audio-preview {
&-content { &-content {
background: #2A3A4B;
font-size: 15px; font-size: 15px;
line-height: 24px; line-height: 24px;
max-height: 456px; max-height: 456px;
@ -32,7 +33,7 @@
margin-left: 48px; margin-left: 48px;
&--selected { &--selected {
background: rgba(28,32,37,0.5); background: #1C2025;
cursor: initial; cursor: initial;
margin-left: 0; margin-left: 0;
padding-left: 21px; padding-left: 21px;
@ -55,7 +56,7 @@
&:hover { &:hover {
.audio-preview-entry { .audio-preview-entry {
background: rgba(255,255,255, 0.2); background: #3F4E5E;
margin-left: 0; margin-left: 0;
padding-left: 48px; padding-left: 48px;
@ -80,8 +81,23 @@
&-microphone { &-microphone {
position: relative; position: relative;
}
&:hover {
.audio-preview-entry {
background: #3F4E5E;
margin-left: 0;
padding-left: 48px;
&--selected {
padding-left: 21px;
}
}
}
.audio-preview-entry-text {
max-width: 196px;
}
}
&-icon { &-icon {
border-radius: 50%; border-radius: 50%;