diff --git a/src/gui-qml/src/components/ResultsView.qml b/src/gui-qml/src/components/ResultsView.qml index 115536e1f..27db89835 100644 --- a/src/gui-qml/src/components/ResultsView.qml +++ b/src/gui-qml/src/components/ResultsView.qml @@ -16,11 +16,14 @@ ScrollView { property double thumbnailHeightToWidthRatio: 0 property int thumbnailSpacing: 0 property int thumbnailRadius: 0 + property bool thumbnailPadding: false property var thumbnailFillMode: Image.PreserveAspectFit contentHeight: resultsLayout.contentHeight clip: true - padding: root.thumbnailSpacing / 2 + padding: thumbnailPadding + ? root.thumbnailSpacing / 2 + : -root.thumbnailSpacing / 2 ColumnFlow { id: resultsLayout diff --git a/src/gui-qml/src/components/SearchScreen.qml b/src/gui-qml/src/components/SearchScreen.qml index 3f8e0d305..cca13e9a4 100644 --- a/src/gui-qml/src/components/SearchScreen.qml +++ b/src/gui-qml/src/components/SearchScreen.qml @@ -69,7 +69,8 @@ Page { ResultsView { results: searchTab.results thumbnailHeightToWidthRatio: gSettings.resultsLayoutType.value === "flow" ? 0 : gSettings.resultsHeightToWidthRatio.value - thumbnailSpacing: gSettings.resultsAddSpaceBetweenImages.value ? 8 : 0 + thumbnailSpacing: gSettings.resultsSpaceBetweenImages.value === "none" ? 0 : (gSettings.resultsSpaceBetweenImages.value === "minimal" ? 2 : 8) + thumbnailPadding: gSettings.resultsSpaceBetweenImages.value === "medium" thumbnailRadius: gSettings.resultsRoundImages.value ? 8 : 0 thumbnailFillMode: gSettings.resultsLayoutType.value === "grid" && gSettings.resultsThumbnailFillMode.value === "crop" ? Image.PreserveAspectCrop : Image.PreserveAspectFit Layout.fillHeight: true diff --git a/src/gui-qml/src/components/settings/Settings.qml b/src/gui-qml/src/components/settings/Settings.qml index bc0fe0505..1eaa9be4d 100644 --- a/src/gui-qml/src/components/settings/Settings.qml +++ b/src/gui-qml/src/components/settings/Settings.qml @@ -27,9 +27,9 @@ Item { def: "flow" obj: root.obj } - property Setting resultsAddSpaceBetweenImages: Setting { - key: "resultsAddSpaceBetweenImages" - def: true + property Setting resultsSpaceBetweenImages: Setting { + key: "resultsSpaceBetweenImages" + def: "minimal" obj: root.obj } property Setting resultsHeightToWidthRatio: Setting { @@ -44,7 +44,7 @@ Item { } property Setting resultsRoundImages: Setting { key: "resultsRoundImages" - def: true + def: false obj: root.obj } property Setting save_filename: Setting { diff --git a/src/gui-qml/src/components/settings/pages/InterfaceSettingsPage.qml b/src/gui-qml/src/components/settings/pages/InterfaceSettingsPage.qml index abcc860bd..8313dfcca 100644 --- a/src/gui-qml/src/components/settings/pages/InterfaceSettingsPage.qml +++ b/src/gui-qml/src/components/settings/pages/InterfaceSettingsPage.qml @@ -60,10 +60,11 @@ ColumnLayout { Layout.fillWidth: true visible: gSettings.resultsLayoutType.value === "grid" } - CheckBoxSetting { + ComboSetting { name: qsTr("Spaced grid") - subtitle: qsTr("Add space between thumbnails.") - setting: gSettings.resultsAddSpaceBetweenImages + options: ["None", "Minimal", "Medium"] + values: ["none", "minimal", "medium"] + setting: gSettings.resultsSpaceBetweenImages Layout.fillWidth: true } CheckBoxSetting {