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 { .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;

View file

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