Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-20 02:08:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center chat list icons at narrow width; use rounded scrollbars

Browse Source
This commit is contained in:
ayumi-signal
2024-05-14 10:01:47 -07:00
committed by GitHub
parent 559decea2c
commit 4eb5458ace
3 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
stylesheets/_global.scss
View File

@@ -85,6 +85,8 @@ textarea {
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
@include light-theme {
background: $color-gray-25;
border: 2px solid $color-white;

2
stylesheets/_mixins.scss
View File

@@ -868,9 +868,11 @@ $rtl-icon-map: (
@include scrollbar;
&::-webkit-scrollbar-thumb {
@include light-theme {
background: $color-gray-25;
border-color: $color-gray-04;
}
@include dark-theme {
background: $color-gray-45;
border-color: $color-gray-80;
}
}

13
stylesheets/_modules.scss
View File

@@ -4574,8 +4574,11 @@ button.module-image__border-overlay:focus {
padding-inline: 0;
}
// Center chat list icons in narrow mode by reserving scrollbar space, preventing
// scrollbar from pushing content
&--width-narrow {
padding-inline: 10px;
padding-inline: 10px 1px;
scrollbar-gutter: stable;
}
&__item {
@@ -4688,10 +4691,6 @@ button.module-image__border-overlay:focus {
user-select: none;
width: 100%;
.module-conversation-list--width-narrow & {
padding-inline: 14px 0;
}
#{$unread-indicator} {
$size: 18px;
height: $size;
@@ -4836,10 +4835,6 @@ button.module-image__border-overlay:focus {
align-items: stretch;
overflow: hidden;
.module-conversation-list--width-narrow & {
margin-inline-start: 0;
}
&--disabled {
opacity: 0.5;
}