Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-19 17:58:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix scrollbar border colors and positioning

Browse Source
This commit is contained in:
trevor-signal
2025-06-03 13:37:02 -04:00
committed by GitHub
parent cad30bd216
commit 7e40d7d887
4 changed files with 27 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
stylesheets/_global.scss
View File

@@ -82,9 +82,9 @@ textarea {
::-webkit-scrollbar {
// For vertical scrollbars
width: 9px;
width: variables.$scrollbar_width;
// For horizontal scrollbars
height: 9px;
height: variables.$scrollbar_height;
}
::-webkit-scrollbar-track {

9
stylesheets/_modules.scss
View File

@@ -3728,10 +3728,15 @@ button.module-image__border-overlay:focus {
& {
@include mixins.light-theme() {
background: variables.$color-white;
::-webkit-scrollbar-thumb {
border-color: variables.$color-white;
}
}
@include mixins.dark-theme() {
@include mixins.dark-theme {
background: variables.$color-gray-75;
::-webkit-scrollbar-thumb {
border-color: variables.$color-gray-75;
}
}
}

3
stylesheets/_variables.scss
View File

@@ -318,3 +318,6 @@ $NavTabs__ItemButton__blockPadding: 10px;
$CallControls__height: 80px;
$CallControls__max-width: 640px;
$CallControls__initial-width: 480px;
$scrollbar_height: 9px;
$scrollbar_width: 9px;

17
stylesheets/components/CompositionInput.scss
View File

@@ -24,6 +24,14 @@
inset-inline: 0;
font-style: normal;
}
&::-webkit-scrollbar-thumb {
@include mixins.light-theme {
border-color: variables.$color-gray-05;
}
@include mixins.dark-theme {
border-color: variables.$color-gray-75;
}
}
}
}
@@ -87,10 +95,10 @@
&::-webkit-scrollbar-thumb {
@include mixins.light-theme {
border: 2px solid variables.$color-gray-05;
border-color: variables.$color-gray-05;
}
@include mixins.dark-theme {
border: 2px solid variables.$color-gray-75;
border-color: variables.$color-gray-75;
}
}
@@ -106,6 +114,11 @@
.DraftEditor-root {
height: $largeHeightContentBox;
}
.ql-editor {
margin-inline-end: calc(-1 * variables.$scrollbar_width);
padding-inline-end: variables.$scrollbar_width;
}
}
&--link-preview {