YangWX/crossdesk
1
0
Fork 0
mirror of https://github.com/kunkundi/crossdesk.git synced 2026-11-04 13:02:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui] improve scrollbar spacing in the trusted devices dialog

Browse Source
This commit is contained in:
dijunkun
2026-11-02 02:20:31 +08:00
parent 49717f0f68
commit adcb0f17dd
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/gui/ui/trusted_devices.slint
+9 -2
View File
@@ -127,6 +127,8 @@ export component TrustedDevicesDialog inherits Rectangle {
} }
} }
dialog := SettingsDialog { dialog := SettingsDialog {
// Reserve the full 14px Fluent scrollbar plus an 8px content gap.
private property <length> scrollbar-gutter: 22px;
x: (parent.width - self.width) / 2; y: (parent.height - self.height) / 2; x: (parent.width - self.width) / 2; y: (parent.height - self.height) / 2;
width: min(540px, parent.width - 32px); width: min(540px, parent.width - 32px);
height: min(400px, parent.height - 32px); height: min(400px, parent.height - 32px);
@@ -135,13 +137,18 @@ export component TrustedDevicesDialog inherits Rectangle {
title: TrustStrings.title; close-label: TrustStrings.close; title: TrustStrings.title; close-label: TrustStrings.close;
close => { root.close(); } close => { root.close(); }
ScrollView { ScrollView {
x: 24px; y: 64px; width: parent.width - 48px; height: parent.height - 84px; x: 24px; y: 64px;
// Extend into the right margin to preserve the existing card width.
width: parent.width - 56px + dialog.scrollbar-gutter;
height: parent.height - 84px;
min-width: 0px; min-height: 0px; min-width: 0px; min-height: 0px;
horizontal-scrollbar-policy: always-off; horizontal-scrollbar-policy: always-off;
vertical-scrollbar-policy: as-needed;
viewport-width: self.visible-width; viewport-width: self.visible-width;
viewport-height: content.preferred-height; viewport-height: content.preferred-height;
content := VerticalLayout { content := VerticalLayout {
width: parent.visible-width - 8px; height: self.preferred-height; x: 0px; y: 0px;
width: max(0px, parent.visible-width - dialog.scrollbar-gutter); height: self.preferred-height;
spacing: 16px; padding: 0px; alignment: start; spacing: 16px; padding: 0px; alignment: start;
FlatSurface { FlatSurface {
background: #f1f6ff; outline-color: #d7e3f7; border-radius: UiRadius.surface; background: #f1f6ff; outline-color: #d7e3f7; border-radius: UiRadius.surface;