Optimize buttons. Fixes #452

This only sets minimum button height-width to 16px so that gtk-widgets can use lowest icon-size at 16x16px.
pull/543/head
Khurshid Alam 2016-08-30 03:23:11 +05:30
parent 4c2cf031e1
commit 6cb9d03b04
4 changed files with 14 additions and 14 deletions

View File

@ -47,7 +47,8 @@
} }
&.primary-toolbar button { &.primary-toolbar button {
padding: 5px 6px; min-width: 28px;
padding: 3px;
} }
/* Path Bar */ /* Path Bar */
@ -66,8 +67,8 @@
grid { grid {
> widget:last-child { > widget:last-child {
button { button {
min-height: 15px; min-height: 16px;
min-width: 20px; min-width: 16px;
} }
button:first-child { button:first-child {

View File

@ -43,6 +43,8 @@
} }
%button { %button {
min-height: 16px;
min-width: 16px;
padding: $spacing ($spacing + 2px); padding: $spacing ($spacing + 2px);
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
@ -372,8 +374,6 @@
} }
button { button {
min-height: 22px;
min-width: 24px;
@include button(shade($bg_color, 1.2), $fg_color); @include button(shade($bg_color, 1.2), $fg_color);
.inline-toolbar &, .inline-toolbar &,
@ -494,7 +494,7 @@
box button, box entry { box button, box entry {
@extend %linked_button; @extend %linked_button;
padding: ($spacing - 2px) ($spacing + 1px); padding: $spacing ($spacing + 2px);
} }
.linked:not(.vertical) > & > box > button.combo { .linked:not(.vertical) > & > box > button.combo {

View File

@ -249,7 +249,7 @@
// shortcut window keys // shortcut window keys
.keycap { .keycap {
min-width: 20px; min-width: 20px;
min-height: 25px; min-height: 24px;
margin-top: 2px; margin-top: 2px;
padding-bottom: $spacing / 2; padding-bottom: $spacing / 2;
padding-left: $spacing; padding-left: $spacing;
@ -278,11 +278,11 @@
@include exports("stackswitcher") { @include exports("stackswitcher") {
stackswitcher button { stackswitcher button {
&.text-button { min-width: 90px; } // FIXME aggregate with buttons &.text-button { min-width: 80px; } // FIXME aggregate with buttons
&.circular { // FIXME aggregate with buttons &.circular { // FIXME aggregate with buttons
min-width: 32px; min-width: 28px;
min-height: 32px; min-height: 28px;
padding: 0; padding: 0;
} }
} }

View File

@ -153,10 +153,7 @@
outline: none; outline: none;
button, button:hover { button, button:hover {
padding: $spacing - 4;
margin-left: 15px; margin-left: 15px;
min-height: 18px;
min-width: 18px;
opacity: 0; opacity: 0;
transition: opacity .3s ease-in; transition: opacity .3s ease-in;
} }
@ -198,7 +195,9 @@
} }
/* close button styling */ /* close button styling */
button { button.flat {
min-height: 16px;
min-width: 16px;
@extend %close_button; @extend %close_button;
} }
} }