Fixes calling overlay z-index issue

This commit is contained in:
Josh Perez 2022-04-07 19:27:20 -04:00 committed by GitHub
parent a15d84aade
commit 2f8fb36229
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 5 deletions

View file

@ -3547,7 +3547,7 @@ button.module-image__border-overlay:focus {
justify-content: center; justify-content: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
z-index: $z-index-below-popup-overlay; z-index: $z-index-calling;
} }
&__header { &__header {

View file

@ -258,7 +258,7 @@ $z-index-on-top-of-everything: 9000;
// The scroll down button should be above everything in the timeline but // The scroll down button should be above everything in the timeline but
// popups, tooltips, toasts, and other items should stack above it. // popups, tooltips, toasts, and other items should stack above it.
$z-index-scroll-down-button: 10; $z-index-scroll-down-button: 10;
$z-index-below-popup-overlay: 98; $z-index-calling: 101;
$z-index-above-popup: 101; $z-index-above-popup: 102;
$z-index-calling-pip: 102; $z-index-calling-pip: 103;
$z-index-above-context-menu: 126; $z-index-above-context-menu: 126;

View file

@ -29,6 +29,7 @@
&__close-button { &__close-button {
@include button-reset; @include button-reset;
@include modal-close-button; @include modal-close-button;
top: var(--title-bar-drag-area-height);
} }
&__more { &__more {
@ -36,7 +37,7 @@
height: 24px; height: 24px;
position: absolute; position: absolute;
right: 48px; right: 48px;
top: 12px; top: var(--title-bar-drag-area-height);
width: 24px; width: 24px;
@include color-svg('../images/icons/v2/more-horiz-24.svg', $color-white); @include color-svg('../images/icons/v2/more-horiz-24.svg', $color-white);