Fix positioning of StoryViewer

This commit is contained in:
Fedor Indutny 2022-08-02 10:05:51 -07:00 committed by GitHub
parent b1818b234f
commit 0340f4ee1d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 7 deletions

View file

@ -4,10 +4,10 @@
.StoryViewer {
&__overlay {
background-size: contain;
height: var(--window-height);
height: 100%;
left: 0;
position: absolute;
top: var(--titlebar-height);
top: 0;
width: 100%;
z-index: $z-index-popup-overlay;
}
@ -18,11 +18,11 @@
background: $color-black-alpha-20;
display: flex;
flex-direction: column;
height: var(--window-height);
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: var(--titlebar-height);
top: 0;
width: 100%;
z-index: $z-index-popup-overlay;
}
@ -34,7 +34,7 @@
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
}
right: 28px;
top: var(--title-bar-drag-area-height);
top: 0;
z-index: $z-index-above-above-base;
}
@ -255,7 +255,7 @@
}
&__animated-emojis {
height: var(--window-height);
height: 100%;
position: absolute;
width: 100%;
z-index: $z-index-above-base;
@ -265,7 +265,7 @@
@include button-reset;
align-items: center;
display: flex;
height: var(--window-height);
height: 100%;
position: absolute;
width: 25%;
z-index: $z-index-above-above-base;

View file

@ -60,5 +60,6 @@
&__content {
height: calc(100vh - var(--titlebar-height));
position: relative;
overflow: hidden;
}
}