mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Default disappearing message timeout fixes

Browse source
This commit is contained in:
Fedor Indutny 2021-06-25 16:52:56 -07:00 • committed by GitHub
parent c9415dcf67
commit cd28e71bc6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
25 changed files with 456 additions and 164 deletions
Download patch file Download diff file Expand all files Collapse all files

130
stylesheets/_modules.scss
View file

@ -2366,64 +2366,9 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
}
// Module: Timer Notification
.module-timer-notification {
text-align: center;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-05;
}
}
.module-timer-notification__icon-container {
margin-left: auto;
margin-right: auto;
display: inline-flex;
flex-direction: row;
align-items: center;
margin-bottom: 4px;
}
.module-timer-notification__icon {
height: 20px;
width: 20px;
display: inline-block;
@include light-theme {
@include color-svg('../images/icons/v2/timer-24.svg', $color-gray-60);
}
@include dark-theme {
@include color-svg('../images/icons/v2/timer-24.svg', $color-gray-05);
}
}
.module-timer-notification__icon--disabled {
@include light-theme {
@include color-svg(
'../images/icons/v2/timer-disabled-24.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
'../images/icons/v2/timer-disabled-24.svg',
$color-gray-05
);
}
}
.module-timer-notification__icon-label {
margin-left: 6px;
// Didn't seem centered otherwise
margin-top: 1px;
}
// Module: Universal Timer Notification
.module-timer-notification,
.module-universal-timer-notification {
text-align: center;
@ -2433,6 +2378,53 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
@include dark-theme {
color: $color-gray-05;
}
&__icon-container {
margin-left: auto;
margin-right: auto;
display: inline-flex;
flex-direction: row;
align-items: center;
margin-bottom: 8px;
}
&__icon {
height: 20px;
width: 20px;
display: inline-block;
opacity: 0.6;
@include light-theme {
@include color-svg('../images/icons/v2/timer-24.svg', $color-gray-60);
}
@include dark-theme {
@include color-svg('../images/icons/v2/timer-24.svg', $color-gray-05);
}
&--disabled {
@include light-theme {
@include color-svg(
'../images/icons/v2/timer-disabled-24.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
'../images/icons/v2/timer-disabled-24.svg',
$color-gray-05
);
}
}
}
&__icon-label {
margin-left: 4px;
// Didn't seem centered otherwise
margin-top: 1px;
opacity: 0.8;
}
}
.module-notification--with-click-handler {
@ -3070,8 +3062,7 @@ button.module-conversation-details__action-button {
margin-right: 12px;
}
&__info,
&__right-info {
&__info {
@include font-body-2;
margin-top: 4px;
@ -3090,14 +3081,6 @@ button.module-conversation-details__action-button {
min-width: 143px;
}
&__right-info {
position: absolute;
@include font-subtitle;
padding-left: 14px;
}
&__actions {
margin-left: 12px;
overflow: hidden;
@ -7005,6 +6988,21 @@ button.module-image__border-overlay:focus {
&__form {
display: flex;
flex-direction: column;
&__expire-timer {
display: flex;
flex-direction: row;
margin: 0 16px 16px 16px;
&__label {
margin-right: 12px;
}
.module-disappearing-timer-select {
width: 144px;
}
}
}
}