Fix positioning of StoryViewer
This commit is contained in:
parent
b1818b234f
commit
0340f4ee1d
2 changed files with 8 additions and 7 deletions
|
@ -4,10 +4,10 @@
|
||||||
.StoryViewer {
|
.StoryViewer {
|
||||||
&__overlay {
|
&__overlay {
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
height: var(--window-height);
|
height: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: var(--titlebar-height);
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: $z-index-popup-overlay;
|
z-index: $z-index-popup-overlay;
|
||||||
}
|
}
|
||||||
|
@ -18,11 +18,11 @@
|
||||||
background: $color-black-alpha-20;
|
background: $color-black-alpha-20;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: var(--window-height);
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
left: 0;
|
left: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: var(--titlebar-height);
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: $z-index-popup-overlay;
|
z-index: $z-index-popup-overlay;
|
||||||
}
|
}
|
||||||
|
@ -34,7 +34,7 @@
|
||||||
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
|
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
|
||||||
}
|
}
|
||||||
right: 28px;
|
right: 28px;
|
||||||
top: var(--title-bar-drag-area-height);
|
top: 0;
|
||||||
z-index: $z-index-above-above-base;
|
z-index: $z-index-above-above-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -255,7 +255,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__animated-emojis {
|
&__animated-emojis {
|
||||||
height: var(--window-height);
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: $z-index-above-base;
|
z-index: $z-index-above-base;
|
||||||
|
@ -265,7 +265,7 @@
|
||||||
@include button-reset;
|
@include button-reset;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
height: var(--window-height);
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
z-index: $z-index-above-above-base;
|
z-index: $z-index-above-above-base;
|
||||||
|
|
|
@ -60,5 +60,6 @@
|
||||||
&__content {
|
&__content {
|
||||||
height: calc(100vh - var(--titlebar-height));
|
height: calc(100vh - var(--titlebar-height));
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue