From 055e22cd46f7b48395d7e220aece5af5ca4a31db Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=A9o=20Lam?= Date: Sun, 13 Dec 2015 11:50:45 +0100 Subject: [PATCH] gtk-3.0: Add support for undershoot and overshoot This commit adds CSS rules to theme undershoot and overshoot. This is what some applications use to indicate that there is more content below and/or above the current content viewport. This is notably used for Nautilus. Without those styles, those classes are shown as an opaque gray area which looks bad and hides information. --- gtk-3.0/gtk-widgets.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css index 5717fa2..634421c 100644 --- a/gtk-3.0/gtk-widgets.css +++ b/gtk-3.0/gtk-widgets.css @@ -1494,6 +1494,32 @@ GtkModelButton.button:selected { background-color: shade(@theme_base_color, 0.95); } +/************* + * overshoot * + *************/ +.overshoot.top { + background: -gtk-gradient(radial, center top, 0, center top, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); +} + +.overshoot.right { + background: -gtk-gradient(radial, right center, 0, right center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); +} + +.overshoot.bottom { + background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); +} + +.overshoot.left { + background: -gtk-gradient(radial, left center, 0, left center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); +} + +/************** + * undershoot * + **************/ +.undershoot { + background: none; +} + /****************** * pane separator * ******************/