Adwaita: fix vertical spinbutton style

correct sizing and workaround disabled entry text colors.
This commit is contained in:
Lapo Calamandrei 2016-02-03 15:03:39 +01:00
parent feabf35371
commit f734db1604
3 changed files with 34 additions and 14 deletions

View File

@ -1005,15 +1005,23 @@ spinbutton {
// in the vertical configuration, we treat the spinbutton
// as a box, and tweak the style of the entry in the middle
// so that it's linked
// FIXME: this should not be set at all, but otherwise it gets the wrong
// color
&:disabled { color: $insensitive_fg_color; }
&:backdrop:disabled { color: $backdrop_insensitive_color; }
entry {
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0;
padding-left: 4px;
padding-right: 4px;
}
button {
padding-top: 8px; // Same vertical padding as image-buttons
padding-bottom: 8px; //
min-height: 32px;
min-width: 32px;
padding: 0;
&.up {
@extend %top_button;

View File

@ -1439,15 +1439,21 @@ spinbutton:not(.vertical) {
border-radius: 0 3px 3px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
spinbutton.vertical:disabled {
color: #949796; }
spinbutton.vertical:backdrop:disabled {
color: #5d6767; }
spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) {
border-radius: 0;
padding-left: 4px;
padding-right: 4px; }
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
spinbutton.vertical button,
spinbutton.vertical .titlebar button.titlebutton,
.titlebar spinbutton.vertical button.titlebutton {
padding-top: 8px;
padding-bottom: 8px; }
min-height: 32px;
min-width: 32px;
padding: 0; }
spinbutton.vertical button.up {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);

View File

@ -1443,15 +1443,21 @@ spinbutton:not(.vertical) {
border-radius: 0 3px 3px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
spinbutton.vertical:disabled {
color: #8b8e8f; }
spinbutton.vertical:backdrop:disabled {
color: #c3c3c0; }
spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) {
border-radius: 0;
padding-left: 4px;
padding-right: 4px; }
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
spinbutton.vertical button,
spinbutton.vertical .titlebar button.titlebutton,
.titlebar spinbutton.vertical button.titlebutton {
padding-top: 8px;
padding-bottom: 8px; }
min-height: 32px;
min-width: 32px;
padding: 0; }
spinbutton.vertical button.up {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);