From 8ebc7b5ad08941d6c5d1f14b5e2da1a6490a9e9a Mon Sep 17 00:00:00 2001 From: Simon Steinbeiss Date: Fri, 1 Dec 2017 00:15:22 +0100 Subject: [PATCH] Smaller GtkSwitches --- gtk-3.0/_common.scss | 11 ++++++----- gtk-3.0/gtk-contained-dark.css | 11 ++++++----- gtk-3.0/gtk-contained.css | 11 ++++++----- 3 files changed, 18 insertions(+), 15 deletions(-) diff --git a/gtk-3.0/_common.scss b/gtk-3.0/_common.scss index a18f4753..d9cc2e16 100644 --- a/gtk-3.0/_common.scss +++ b/gtk-3.0/_common.scss @@ -2507,11 +2507,11 @@ switch { // clipped // similar to the .scale border: 1px solid gtkalpha(black, 0.25); - border-radius: 12px; + border-radius: 10px; background-color: mix($bg_color, $borders_color, 60%); text-shadow: 0 1px transparentize(black, 0.9); - min-height: 24px; - min-width: 24px; + min-height: 20px; + min-width: 20px; transition: all 200ms ease-in; &:checked { @@ -2558,8 +2558,9 @@ switch { slider { margin: -1px; border: 1px solid gtkalpha(black, 0.2); - border-radius: 12px; - min-width: 24px; + border-radius: 10px; + min-width: 20px; + min-height: 20px; transition: $button_transition; @include button(normal-alt, $edge: $shadow_color); diff --git a/gtk-3.0/gtk-contained-dark.css b/gtk-3.0/gtk-contained-dark.css index 25760f85..7f707712 100644 --- a/gtk-3.0/gtk-contained-dark.css +++ b/gtk-3.0/gtk-contained-dark.css @@ -2614,11 +2614,11 @@ switch { outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; border: 1px solid alpha(black,0.25); - border-radius: 12px; + border-radius: 10px; background-color: #2d3232; text-shadow: 0 1px rgba(0, 0, 0, 0.1); - min-height: 24px; - min-width: 24px; + min-height: 20px; + min-width: 20px; transition: all 200ms ease-in; } switch:checked { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; @@ -2647,8 +2647,9 @@ switch { switch slider { margin: -1px; border: 1px solid alpha(black,0.2); - border-radius: 12px; - min-width: 24px; + border-radius: 10px; + min-width: 20px; + min-height: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css index e6cd11c7..9c2a7756 100644 --- a/gtk-3.0/gtk-contained.css +++ b/gtk-3.0/gtk-contained.css @@ -2628,11 +2628,11 @@ switch { outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; border: 1px solid alpha(black,0.25); - border-radius: 12px; + border-radius: 10px; background-color: #b0b0b0; text-shadow: 0 1px rgba(0, 0, 0, 0.1); - min-height: 24px; - min-width: 24px; + min-height: 20px; + min-width: 20px; transition: all 200ms ease-in; } switch:checked { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; @@ -2662,8 +2662,9 @@ switch { switch slider { margin: -1px; border: 1px solid alpha(black,0.2); - border-radius: 12px; - min-width: 24px; + border-radius: 10px; + min-width: 20px; + min-height: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #3c3c3c; outline-color: rgba(60, 60, 60, 0.3);