Skip to content

Commit

Permalink
GtkSwitch: Shrink slider size
Browse files Browse the repository at this point in the history
Now changed from 24 to 20px.
  • Loading branch information
tista500 committed Feb 29, 2016
1 parent eb3024a commit 7c52ca4
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 9 deletions.
6 changes: 3 additions & 3 deletions gtk-3.0/_common.scss
Original file line number Diff line number Diff line change
Expand Up @@ -1969,9 +1969,9 @@ $_slider_fine_tune_margin: 4px;
**********/

GtkSwitch {
-GtkSwitch-slider-width: 24px; // 55px is the right value to make it as tall
-GtkSwitch-slider-width: 20px; // 55px is the right value to make it as tall
// as buttons, not doing that for now
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-height: 20px;

outline-offset: -4px;
outline-radius: 100px;
Expand All @@ -1980,7 +1980,7 @@ GtkSwitch {

&.trough {
// similar to the .scale
border: 10px solid transparent;
border: 8px solid transparent;
border-radius: 100px;
background-color: $track_color;
&:active {
Expand Down
6 changes: 3 additions & 3 deletions gtk-3.0/gtk-dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -2015,14 +2015,14 @@ column-header.button.dnd, column-header .button.dnd {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
outline-offset: -4px;
outline-radius: 100px;
font-size: 0;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0; }
GtkSwitch.trough {
border: 10px solid transparent;
border: 8px solid transparent;
border-radius: 100px;
background-color: alpha(currentColor, 0.2); }
GtkSwitch.trough:active {
Expand Down
6 changes: 3 additions & 3 deletions gtk-3.0/gtk.css
Original file line number Diff line number Diff line change
Expand Up @@ -2015,14 +2015,14 @@ column-header.button.dnd, column-header .button.dnd {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
outline-offset: -4px;
outline-radius: 100px;
font-size: 0;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0; }
GtkSwitch.trough {
border: 10px solid transparent;
border: 8px solid transparent;
border-radius: 100px;
background-color: alpha(currentColor, 0.2); }
GtkSwitch.trough:active {
Expand Down

0 comments on commit 7c52ca4

Please sign in to comment.