Provide z-index centralisation for lower components
This commit is contained in:
parent
97eae8382e
commit
555fdc8c79
|
@ -21,7 +21,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.top-left-block {
|
.top-left-block {
|
||||||
z-index: z(headerLeft);
|
z-index: 1;
|
||||||
height: $header-height;
|
height: $header-height;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -30,7 +30,7 @@
|
||||||
.jump-to-suggestions {
|
.jump-to-suggestions {
|
||||||
top: 100%;
|
top: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 35;
|
z-index: z(typeahead);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: $font-bold;
|
font-weight: $font-bold;
|
||||||
z-index: 1;
|
z-index: z(miniature);
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-thumbnail-duration-overlay {
|
.video-thumbnail-duration-overlay {
|
||||||
|
|
|
@ -462,6 +462,7 @@ my-video-comments {
|
||||||
.privacy-concerns {
|
.privacy-concerns {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
z-index: z(privacymsg);
|
||||||
|
|
||||||
padding: 5px 15px;
|
padding: 5px 15px;
|
||||||
|
|
||||||
|
|
|
@ -102,9 +102,10 @@ $variables: (
|
||||||
/*** z-index groups ***/
|
/*** z-index groups ***/
|
||||||
|
|
||||||
$zindex: (
|
$zindex: (
|
||||||
|
miniature : 10,
|
||||||
|
privacymsg : 20,
|
||||||
|
typeahead : 30,
|
||||||
header : 1000,
|
header : 1000,
|
||||||
/* header context */
|
|
||||||
headerLeft : 10,
|
|
||||||
menu : 11000,
|
menu : 11000,
|
||||||
dropdown : 12000,
|
dropdown : 12000,
|
||||||
popover : 13000,
|
popover : 13000,
|
||||||
|
|
Loading…
Reference in New Issue