Fine tune z-index

master
Torjus 2018-08-02 15:18:26 +02:00
parent 6b67e51541
commit add65db8fd
5 changed files with 8 additions and 8 deletions

View File

@ -91,5 +91,5 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 2rem; font-size: 2rem;
z-index: 2000; z-index: 3000;
} }

View File

@ -4,11 +4,11 @@
left: 0; left: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
z-index: 200; z-index: 2000;
> .controls { > .controls {
position: absolute; position: absolute;
z-index: 210; z-index: 2020;
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: 10; z-index: 2010;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;

View File

@ -19,7 +19,7 @@
> .controls { > .controls {
position: absolute; position: absolute;
z-index: 10; z-index: 20;
right: 0; right: 0;
top: 0; top: 0;
display: flex; display: flex;

View File

@ -42,7 +42,7 @@
align-items: center; align-items: center;
padding: 0.4vmin; padding: 0.4vmin;
transition: opacity 0.3s; transition: opacity 0.3s;
z-index: 10; z-index: 20;
> .icon { > .icon {
flex: 0 0 auto; flex: 0 0 auto;
@ -85,7 +85,7 @@
} }
> .controls { > .controls {
position: absolute; position: absolute;
z-index: 10; z-index: 20;
right: 0; right: 0;
top: 0; top: 0;
display: flex; display: flex;

View File

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