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 {
padding: 5px 6px;
min-width: 28px;
padding: 3px;
}
/* Path Bar */
@ -66,8 +67,8 @@
grid {
> widget:last-child {
button {
min-height: 15px;
min-width: 20px;
min-height: 16px;
min-width: 16px;
}
button:first-child {

View File

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

View File

@ -249,7 +249,7 @@
// shortcut window keys
.keycap {
min-width: 20px;
min-height: 25px;
min-height: 24px;
margin-top: 2px;
padding-bottom: $spacing / 2;
padding-left: $spacing;
@ -278,11 +278,11 @@
@include exports("stackswitcher") {
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
min-width: 32px;
min-height: 32px;
min-width: 28px;
min-height: 28px;
padding: 0;
}
}

View File

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