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

Conversation details changes for PNP

Browse Source 
Co-authored-by: Scott Nonnenberg <scott@signal.org>
This commit is contained in:
Fedor Indutny
2024-02-05 18:13:13 -08:00
committed by GitHub
parent 1a74da0c26
commit eb82ace2de
49 changed files with 1660 additions and 699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
stylesheets/components/ConversationHero.scss
View File

@@ -10,6 +10,39 @@
margin-bottom: 12px;
}
&__title {
@include button-reset();
cursor: pointer;
}
&__title span {
@include font-title-1;
font-weight: 400;
}
&__title__chevron {
display: inline-block;
height: 20px;
width: 20px;
// Align with the text
position: relative;
inset-block-start: 2px;
@include light-theme {
@include color-svg(
'../images/icons/v3/chevron/chevron-right-bold.svg',
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
'../images/icons/v3/chevron/chevron-right-bold.svg',
$color-gray-05
);
}
}
&__profile-name {
display: flex;
align-items: center;
@@ -17,6 +50,7 @@
@include font-title-2;
margin-bottom: 2px;
margin-top: 0;
@include light-theme {
color: $color-gray-90;
@@ -31,7 +65,7 @@
@include font-body-2;
margin-block: 0;
margin-inline: auto;
margin-bottom: 16px;
margin-bottom: 20px;
max-width: 500px;
@include light-theme {
@@ -43,70 +77,110 @@
}
}
&__note-to-self {
@include font-body-2;
padding-block: 0;
padding-inline: 16px;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
}
&__membership {
@include font-body-2;
user-select: none;
padding-block: 0;
max-width: 255px;
margin-inline: auto;
padding-block: 16px;
padding-inline: 20px;
padding-inline: 16px;
border-radius: 18px;
border-style: solid;
border-width: 1.5px;
@include light-theme() {
border-color: $color-gray-05;
}
@include dark-theme() {
border-color: $color-gray-80;
}
@include light-theme {
color: $color-gray-60;
color: $color-gray-90;
}
@include dark-theme {
color: $color-gray-25;
color: $color-gray-02;
}
&__chevron {
display: inline-block;
height: 18px;
width: 18px;
vertical-align: text-top;
margin-inline-end: 8px;
@include light-theme {
@include color-svg('../images/icons/v3/group/group.svg', $color-black);
}
@include dark-theme {
@include color-svg(
'../images/icons/v3/group/group.svg',
$color-gray-05
);
}
}
&__name {
@include font-body-2-bold;
// Cancel bold
font-weight: normal;
}
}
&__message-request-warning {
@include font-body-2;
&__warning {
line-height: 20px;
&__message {
display: flex;
margin-bottom: 12px;
align-items: center;
justify-content: center;
user-select: none;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
&::before {
&__icon {
content: '';
display: block;
height: 14px;
display: inline-block;
height: 18px;
margin-inline-end: 8px;
width: 14px;
width: 18px;
vertical-align: middle;
@include light-theme {
@include color-svg(
'../images/icons/v3/info/info.svg',
$color-gray-60
$color-gray-90
);
}
@include dark-theme {
@include color-svg(
'../images/icons/v3/info/info.svg',
$color-gray-25
$color-gray-02
);
}
}
&__learn-more {
@include button-reset();
cursor: pointer;
text-decoration: underline;
}
}
}
&__linkNotification {
@include font-body-2;
margin-top: 15px;
margin-top: 12px;
text-align: center;
user-select: none;