Introduce the new Settings tab

Co-authored-by: Jamie Kyle <jamie@signal.org>
Co-authored-by: Fedor Indutny <indutny@signal.org>
Co-authored-by: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>
This commit is contained in:
Scott Nonnenberg
2025-05-15 13:58:20 +10:00
committed by GitHub
parent 0d906e88ff
commit fe9d042e40
55 changed files with 1468 additions and 2092 deletions

View File

@@ -170,6 +170,10 @@ $NavTabs__ProfileAvatar__size: 28px;
.NavTabs__ItemIcon--Settings {
@include NavTabs__Icon('../images/icons/v3/settings/settings.svg');
.NavTabs__Item:active &,
.NavTabs__Item[aria-selected='true'] & {
@include NavTabs__Icon('../images/icons/v3/settings/settings-fill.svg');
}
}
.NavTabs__ItemIcon--Chats {
@@ -201,13 +205,31 @@ $NavTabs__ProfileAvatar__size: 28px;
}
.NavTabs__TabList {
display: flex;
flex-direction: column;
display: grid;
grid-template-rows:
[Chats] auto
[Calls] auto
[Stories] auto
1fr
[Settings] auto;
align-items: center;
width: 100%;
flex: 1;
}
.NavTabs__Item--Chats {
grid-row: Chats;
}
.NavTabs__Item--Calls {
grid-row: Calls;
}
.NavTabs__Item--Stories {
grid-row: Stories;
}
.NavTabs__Item--Settings {
grid-row: Settings;
}
.NavTabs__Misc {
width: 100%;
display: flex;