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
parent
4c2cf031e1
commit
6cb9d03b04
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue