Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-04-18 23:49:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

Universal Disappearing Messages

Browse Source
This commit is contained in:
Fedor Indutny
2021-06-01 13:45:43 -07:00
committed by GitHub
parent c63871d71b
commit 19f8042cd3
50 changed files with 1224 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
stylesheets/components/ConversationHeader.scss
View File

@@ -2,6 +2,30 @@
// SPDX-License-Identifier: AGPL-3.0-only
.module-ConversationHeader {
@mixin icon-element($icon, $margin-right: 4px) {
display: flex;
align-items: center;
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&::before {
content: '';
width: 13px;
height: 13px;
display: block;
margin-right: $margin-right;
@include light-theme {
@include color-svg($icon, $color-gray-60);
}
@include dark-theme {
@include color-svg($icon, $color-gray-25);
}
}
}
--button-spacing: 24px;
&.module-ConversationHeader--narrow {
@@ -133,37 +157,13 @@
color: $color-gray-25;
}
@mixin subtitle-element($icon) {
display: flex;
align-items: center;
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&::before {
content: '';
width: 13px;
height: 13px;
display: block;
margin-right: 4px;
@include light-theme {
@include color-svg($icon, $color-gray-60);
}
@include dark-theme {
@include color-svg($icon, $color-gray-25);
}
}
}
&__expiration {
@include subtitle-element('../images/icons/v2/timer-24.svg');
@include icon-element('../images/icons/v2/timer-24.svg');
margin-right: 12px;
}
&__verified {
@include subtitle-element('../images/icons/v2/check-24.svg');
@include icon-element('../images/icons/v2/check-24.svg');
}
}
}
@@ -308,4 +308,13 @@
}
}
}
&__disappearing-timer__item {
padding-left: 25px;
&--active {
padding-left: 0px;
@include icon-element('../images/icons/v2/check-24.svg', 12px);
}
}
}