From 91bd0f8be6bacb1a248c1a03df8493435b9c8f4d Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Thu, 16 Feb 2017 20:34:50 +0100 Subject: [PATCH] Adwaita: style flowbox tiles --- gtk/theme/Adwaita/_common.scss | 8 +++++++- gtk/theme/Adwaita/gtk-contained-dark.css | 12 ++++++++++-- gtk/theme/Adwaita/gtk-contained.css | 12 ++++++++++-- 3 files changed, 27 insertions(+), 5 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 999b25f..bb8f572 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -139,7 +139,6 @@ flowbox { flowboxchild { padding: 3px; - border-radius: 3px; &:selected { @extend %selected_items; @@ -149,6 +148,13 @@ flowbox { } } +.content-view .tile { + margin: 2px; + background-color: if($variant=='light', transparent, darken($base_color,20%)); + border-radius: 0; + padding: 0; +} + label { caret-color: currentColor; // this shouldn't be needed. diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index da5c453..4135f6f 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -97,11 +97,19 @@ treeview.view rubberband, background-color: rgba(24, 68, 114, 0.2); } flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } + padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } +.content-view .tile { + margin: 2px; + background-color: black; + border-radius: 0; + padding: 0; + border-width: 0; + border-color: transparent; + /* mysterious color creep */ } + label { caret-color: currentColor; } label.separator { diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index c0f4369..104ec18 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -97,11 +97,19 @@ treeview.view rubberband, background-color: rgba(42, 118, 198, 0.2); } flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } + padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } +.content-view .tile { + margin: 2px; + background-color: transparent; + border-radius: 0; + padding: 0; + border-width: 0; + border-color: transparent; + /* mysterious color creep */ } + label { caret-color: currentColor; } label.separator { -- 2.9.3