Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Continue improving Filmstrip styling

master
Torjus 2018-07-19 16:29:11 +02:00
parent c03d55b181
commit 076441e2b5
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/stylus/components/Filmstrip.styl
View File

@ -8,6 +8,11 @@
> .active-peer { > .active-peer {
width: 95vmin; width: 95vmin;
padding: 10vmin 1vmin 1vmin 1vmin; padding: 10vmin 1vmin 1vmin 1vmin;
> [data-component='Peer'] {
border: 5px solid rgba(255, 255, 255, 0.15);
box-shadow: 0px 5px 12px 2px rgba(17, 17, 17, 0.5);
}
} }
> .filmstrip { > .filmstrip {
@ -17,15 +22,25 @@
> .film { > .film {
height: 15vmin; height: 15vmin;
max-width: 15vmin * (2 * 4 / 3);
margin: 1vmin; margin: 1vmin;
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0px 5px 12px 2px rgba(17, 17, 17, 0.5);
> [data-component='Peer'] {
max-width: 15vmin * (4 / 3);
&.screen {
max-width: 15vmin * (2 * 4 / 3);
border: 0;
}
}
&.active { &.active {
border: 5px solid white; border-color: #FFF;
} }
&.selected { &.selected {
border: 5px solid pink; border-color: #377EFF;
} }
} }
} }