From 04b91afc84e80273bfe4aedb35ea7ac8b0fceb66 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Sep 2015 20:44:36 +0200 Subject: change osd-button background-clip --- common/gtk-3.0/3.14/gtk-contained-dark.css | 4 +++- common/gtk-3.0/3.14/gtk-contained-darker.css | 4 +++- common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 4 +++- common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 4 +++- common/gtk-3.0/3.14/gtk-contained-solid.css | 4 +++- common/gtk-3.0/3.14/gtk-contained.css | 4 +++- common/gtk-3.0/3.14/sass/_common.scss | 3 ++- common/gtk-3.0/3.16/gtk-contained-dark.css | 4 +++- common/gtk-3.0/3.16/gtk-contained-darker.css | 4 +++- common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 4 +++- common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 4 +++- common/gtk-3.0/3.16/gtk-contained-solid.css | 4 +++- common/gtk-3.0/3.16/gtk-contained.css | 4 +++- common/gtk-3.0/3.16/sass/_common.scss | 3 ++- common/gtk-3.0/3.18/gtk-contained-dark.css | 4 +++- common/gtk-3.0/3.18/gtk-contained-darker.css | 4 +++- common/gtk-3.0/3.18/gtk-contained-solid-dark.css | 4 +++- common/gtk-3.0/3.18/gtk-contained-solid-darker.css | 4 +++- common/gtk-3.0/3.18/gtk-contained-solid.css | 4 +++- common/gtk-3.0/3.18/gtk-contained.css | 4 +++- common/gtk-3.0/3.18/sass/_common.scss | 3 ++- 21 files changed, 60 insertions(+), 21 deletions(-) diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css index 11bcbe3..2499318 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -373,6 +373,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2133,7 +2134,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index c331c7f..15f7519 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2136,7 +2137,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css index 1450f38..72b79c0 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css @@ -373,6 +373,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2133,7 +2134,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index a407c70..8034ed4 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2136,7 +2137,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index 1ac9775..d119cc4 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2136,7 +2137,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index 3cf97e9..fdf821d 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2136,7 +2137,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss index b714c40..9b0430f 100644 --- a/common/gtk-3.0/3.14/sass/_common.scss +++ b/common/gtk-3.0/3.14/sass/_common.scss @@ -475,6 +475,7 @@ $_dot_color: $selected_bg_color; @extend %linked; } &:active, &:checked { + background-clip: padding-box; @include button(osd-active); @extend %linked; } @@ -2300,7 +2301,7 @@ GtkScrolledWindow { &:insensitive { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } + &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:insensitive { @include button(osd-insensitive); } } diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css index 7f79f16..3a22af4 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -373,6 +373,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2191,7 +2192,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css index 0fde31b..1ccf8f8 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-darker.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2194,7 +2195,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index 3ca9a03..a493a11 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -373,6 +373,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2191,7 +2192,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index 5b2d895..bd60479 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2194,7 +2195,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index 25b1664..7d4a818 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2194,7 +2195,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index c98d6f9..549b42f 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -372,6 +372,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2194,7 +2195,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss index 44a09bf..398f688 100644 --- a/common/gtk-3.0/3.16/sass/_common.scss +++ b/common/gtk-3.0/3.16/sass/_common.scss @@ -475,6 +475,7 @@ $_dot_color: $selected_bg_color; @extend %linked; } &:active, &:checked { + background-clip: padding-box; @include button(osd-active); @extend %linked; } @@ -2408,7 +2409,7 @@ GtkScrolledWindow { &:insensitive { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } + &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:insensitive { @include button(osd-insensitive); } } diff --git a/common/gtk-3.0/3.18/gtk-contained-dark.css b/common/gtk-3.0/3.18/gtk-contained-dark.css index 2b38471..2f2f527 100644 --- a/common/gtk-3.0/3.18/gtk-contained-dark.css +++ b/common/gtk-3.0/3.18/gtk-contained-dark.css @@ -339,6 +339,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2323,7 +2324,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.18/gtk-contained-darker.css b/common/gtk-3.0/3.18/gtk-contained-darker.css index 40b827a..45eca1a 100644 --- a/common/gtk-3.0/3.18/gtk-contained-darker.css +++ b/common/gtk-3.0/3.18/gtk-contained-darker.css @@ -338,6 +338,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2326,7 +2327,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.18/gtk-contained-solid-dark.css b/common/gtk-3.0/3.18/gtk-contained-solid-dark.css index 5ccbdcd..157b5de 100644 --- a/common/gtk-3.0/3.18/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.18/gtk-contained-solid-dark.css @@ -339,6 +339,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2323,7 +2324,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.18/gtk-contained-solid-darker.css b/common/gtk-3.0/3.18/gtk-contained-solid-darker.css index 0c8ad77..dccf0c4 100644 --- a/common/gtk-3.0/3.18/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.18/gtk-contained-solid-darker.css @@ -338,6 +338,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2326,7 +2327,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.18/gtk-contained-solid.css b/common/gtk-3.0/3.18/gtk-contained-solid.css index d259905..899827b 100644 --- a/common/gtk-3.0/3.18/gtk-contained-solid.css +++ b/common/gtk-3.0/3.18/gtk-contained-solid.css @@ -338,6 +338,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); @@ -2330,7 +2331,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.18/gtk-contained.css b/common/gtk-3.0/3.18/gtk-contained.css index eb92f36..192c970 100644 --- a/common/gtk-3.0/3.18/gtk-contained.css +++ b/common/gtk-3.0/3.18/gtk-contained.css @@ -338,6 +338,7 @@ GtkSearchEntry.entry { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { + background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); @@ -2330,7 +2331,8 @@ GtkScrolledWindow GtkViewport.frame { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } + background-color: #5294E2; + background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; diff --git a/common/gtk-3.0/3.18/sass/_common.scss b/common/gtk-3.0/3.18/sass/_common.scss index d8ab60a..9dea751 100644 --- a/common/gtk-3.0/3.18/sass/_common.scss +++ b/common/gtk-3.0/3.18/sass/_common.scss @@ -414,6 +414,7 @@ $_dot_color: $selected_bg_color; @extend %linked; } &:active, &:checked { + background-clip: padding-box; @include button(osd-active); @extend %linked; } @@ -2505,7 +2506,7 @@ GtkScrolledWindow { &:insensitive { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } + &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:insensitive { @include button(osd-insensitive); } } -- cgit v1.2.3