Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-05-08 08:58:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Call Controls: Enhance width for viewport sizes

Browse Source
This commit is contained in:
ayumi-signal
2023-11-02 13:28:03 -07:00
committed by GitHub
parent 3ef0d221d1
commit 62cdc613b9
5 changed files with 65 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stylesheets/components/CallControls.scss
+11 -3
View File
@@ -5,17 +5,18 @@
position: relative;
bottom: 0;
display: flex;
flex-grow: 0;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 440px;
align-items: center;
justify-content: space-between;
width: 480px;
min-width: 480px;
max-width: 600px;
height: 80px;
background-color: $color-gray-78;
box-shadow: 0px 4px 14px 0px $color-black-alpha-40;
border-radius: 18px;
margin-block-end: 16px;
margin-inline: 16px;
padding-block: 22px;
padding-inline: 24px;
text-align: center;
@@ -31,6 +32,7 @@
.CallControls__CallTitle {
display: flex;
max-height: 40px;
margin-block-end: 2px;
color: $color-gray-15;
font-size: 14px;
font-weight: bold;
@@ -107,3 +109,9 @@
.CallControls__JoinLeaveButton .module-spinner__container {
margin-block: -5px;
}
.CallControls__OuterSpacer {
// Defined in _modules but duplicated here for ease of refactor
$local-preview-width: 108px;
flex-basis: calc($local-preview-width + 16px);
}