[nautilus/wip/antoniof/flow-box-preparation: 13/13] view-icon-item-ui: Tweak selection visuals
- From: António Fernandes <antoniof src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [nautilus/wip/antoniof/flow-box-preparation: 13/13] view-icon-item-ui: Tweak selection visuals
- Date: Mon, 25 Oct 2021 18:51:10 +0000 (UTC)
commit cf5bcca15be1d3c761ff860bd30481987b3eeb99
Author: António Fernandes <antoniof gnome org>
Date: Wed Sep 1 00:51:06 2021 +0100
view-icon-item-ui: Tweak selection visuals
Make it closer to the style used by the canvas view.
src/resources/css/Adwaita.css | 23 ++++++++++++++---------
src/resources/ui/nautilus-view-icon-item-ui.ui | 3 ---
2 files changed, 14 insertions(+), 12 deletions(-)
---
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index 9516cab5d..cb5c8bfc8 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -207,14 +207,19 @@ flowboxchild:selected {
border-width:0px;
}
-flowboxchild > .icon-item-background {
- padding:4px;
+flowboxchild label {
+ padding: 2px 4px;
+ border-radius: 4px;
}
-flowboxchild:selected > .icon-item-background {
- padding:4px;
- background-color:#4a90d9;
- border-color:#4a90d9;
- border-style:solid;
- border-width:0px;
- border-radius:4px 4px 4px 4px;
+
+flowboxchild:selected label {
+ background-color: @theme_selected_bg_color;
+}
+
+flowboxchild:selected image {
+ -gtk-icon-effect: dim; /* GTK 3 only */
+ /* GTK 4 TODO: Replace previous line with the following one:
+ -gtk-icon-filter: opacity(0.5)
+ */
+ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
}
diff --git a/src/resources/ui/nautilus-view-icon-item-ui.ui b/src/resources/ui/nautilus-view-icon-item-ui.ui
index 615cbcbba..be76ac240 100644
--- a/src/resources/ui/nautilus-view-icon-item-ui.ui
+++ b/src/resources/ui/nautilus-view-icon-item-ui.ui
@@ -7,9 +7,6 @@
<property name="orientation">vertical</property>
<property name="halign">center</property>
<property name="valign">start</property>
- <style>
- <class name="icon-item-background"/>
- </style>
<child>
<object class="GtkBox" id="fixed_height_box">
<property name="orientation">vertical</property>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]