Fix screenshare window zoomed appearance

This commit is contained in:
ayumi-signal 2024-05-01 12:23:48 -07:00 committed by GitHub
parent f644ab8a01
commit 81d6358339
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -2,11 +2,14 @@
// SPDX-License-Identifier: AGPL-3.0-only // SPDX-License-Identifier: AGPL-3.0-only
.module-CallingScreenSharingController { .module-CallingScreenSharingController {
align-items: center;
display: flex; display: flex;
width: 100%;
height: 100%;
padding-block: 9vh;
padding-inline: 3.3vw;
overflow: hidden;
align-items: center;
justify-content: space-between; justify-content: space-between;
padding-block: 4px;
padding-inline: 16px;
@include draggable-region; @include draggable-region;
&__text { &__text {
@ -15,26 +18,32 @@
text-overflow: ellipsis; text-overflow: ellipsis;
user-select: none; user-select: none;
white-space: nowrap; white-space: nowrap;
width: 350px; width: 73vw;
} }
&__button { &__button {
height: 82vh;
padding-block: 18vh;
padding-inline: 3.5vw;
line-height: 45.5vh;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
&__buttons { &__buttons {
align-items: center; align-items: center;
display: flex; display: flex;
margin-inline-start: 6px; margin-inline-start: 1.25vw;
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
&__close { &__close {
@include button-reset; @include button-reset;
@include color-svg('../images/icons/v3/x/x.svg', $color-gray-25); @include color-svg('../images/icons/v3/x/x.svg', $color-gray-25);
width: 4.5vw;
height: 45.5vh;
margin-inline-start: 2.5vw;
cursor: pointer; cursor: pointer;
margin-inline-start: 12px;
height: 20px;
width: 20px;
} }
} }