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

Sidebar styling improvements

master
Torjus 2018-08-02 15:02:43 +02:00
parent 9f0a3ffcad
commit 6b67e51541
9 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/stylus/components/FullScreenView.styl
View File

@ -8,7 +8,7 @@
> .controls { > .controls {
position: absolute; position: absolute;
z-index: 201; z-index: 210;
right: 0; right: 0;
top: 0; top: 0;
display: flex; display: flex;
@ -53,7 +53,7 @@
.incompatible-video { .incompatible-video {
position: absolute; position: absolute;
z-index: 2 z-index: 10;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;

2
app/stylus/components/FullView.styl
View File

@ -16,7 +16,7 @@
$backgroundTint = #000; $backgroundTint = #000;
position: absolute; position: absolute;
z-index: 5 z-index: 10;
top: 0.6vmin; top: 0.6vmin;
left: 0.6vmin; left: 0.6vmin;
bottom: 0; bottom: 0;

2
app/stylus/components/Notifications.styl
View File

@ -1,6 +1,6 @@
[data-component='Notifications'] { [data-component='Notifications'] {
position: absolute; position: absolute;
z-index: 9999; z-index: 1010;
pointer-events: none; pointer-events: none;
top: 0; top: 0;
right: 65px; right: 65px;

2
app/stylus/components/Peer.styl
View File

@ -195,7 +195,7 @@
.incompatible-video { .incompatible-video {
position: absolute; position: absolute;
z-index: 2 z-index: 10;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;

2
app/stylus/components/PeerView.styl
View File

@ -16,7 +16,7 @@
$backgroundTint = #000; $backgroundTint = #000;
position: absolute; position: absolute;
z-index: 5 z-index: 10;
top: 0.6vmin; top: 0.6vmin;
left: 0.6vmin; left: 0.6vmin;
bottom: 0; bottom: 0;

9
app/stylus/components/Room.styl
View File

@ -94,7 +94,7 @@
> .room-link-wrapper { > .room-link-wrapper {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
z-index: 1; z-index: 10;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
@ -141,7 +141,7 @@
> .me-container { > .me-container {
position: fixed; position: fixed;
z-index: 100; z-index: 110;
overflow: hidden; overflow: hidden;
box-shadow: 0px 5px 12px 2px rgba(#111, 0.5); box-shadow: 0px 5px 12px 2px rgba(#111, 0.5);
transition-property: border-color; transition-property: border-color;
@ -171,8 +171,9 @@
top: 0; top: 0;
right: 0; right: 0;
height: 100%; height: 100%;
background-color: rgba(0,0,0,0.1); background-color: rgba(50, 50, 50, 0.9);
transition: width 0.3s; transition: width 0.3s;
z-index: 1000;
&.open { &.open {
width: 25%; width: 25%;
@ -245,7 +246,7 @@
position: absolute; position: absolute;
top: 100%; top: 100%;
width: 100%; width: 100%;
z-index: 1000; z-index: 120;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }

2
app/stylus/components/ScreenView.styl
View File

@ -16,7 +16,7 @@
$backgroundTint = #000; $backgroundTint = #000;
position: absolute; position: absolute;
z-index: 5 z-index: 10;
top: 0.6vmin; top: 0.6vmin;
left: 0.6vmin; left: 0.6vmin;
bottom: 0; bottom: 0;

2
app/stylus/components/Sidebar.styl
View File

@ -1,6 +1,6 @@
[data-component='Sidebar'] { [data-component='Sidebar'] {
position: fixed; position: fixed;
z-index: 101; z-index: 1000;
top: calc(50% - 60px); top: calc(50% - 60px);
height: 120px; height: 120px;
display: flex; display: flex;

2
app/stylus/components/ToolArea.styl
View File

@ -1,6 +1,6 @@
[data-component='ToolAreaButton'] { [data-component='ToolAreaButton'] {
position: absolute; position: absolute;
z-index: 101; z-index: 1000;
right: 0; right: 0;
height: 36px; height: 36px;
width: 36px; width: 36px;