Adwaita: fix stack-switcher button outline offset

See https://bugzilla.gnome.org/show_bug.cgi?id=738636
This commit is contained in:
Lapo Calamandrei
2014-10-16 20:04:04 +02:00
parent 998feeb2bc
commit ed25153f2d
3 changed files with 49 additions and 38 deletions

View File

@ -637,6 +637,9 @@ $_dot_color: if($variant=='light', $selected_bg_color,
// to position the needs attention dot, padding is added to the button // to position the needs attention dot, padding is added to the button
// child, a label needs just lateral padding while an icon needs vertical // child, a label needs just lateral padding while an icon needs vertical
// padding added too. // padding added too.
outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset
> .label { > .label {
padding-left: 6px; // label padding padding-left: 6px; // label padding
padding-right: 6px; // padding-right: 6px; //

View File

@ -956,25 +956,29 @@ GtkCalendar.header .button.titlebutton {
.titlebar .text-button.titlebutton.button .label:last-child, .titlebar .text-button.titlebutton.button .label:last-child,
GtkCalendar.header .text-button.titlebutton.button .label:last-child { GtkCalendar.header .text-button.titlebutton.button .label:last-child {
padding-right: 8px; } padding-right: 8px; }
.stack-switcher > .button > .label { .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton,
padding-left: 6px; .titlebar .stack-switcher > .button.titlebutton,
padding-right: 6px; } GtkCalendar.header .stack-switcher > .button.titlebutton {
.stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage, outline-offset: -3px; }
.titlebar .stack-switcher > .button.titlebutton > GtkImage, .stack-switcher > .button > .label {
GtkCalendar.header .stack-switcher > .button.titlebutton > GtkImage { padding-left: 6px;
padding-left: 6px; padding-right: 6px; }
padding-right: 6px; .stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
padding-top: 3px; .titlebar .stack-switcher > .button.titlebutton > GtkImage,
padding-bottom: 3px; } GtkCalendar.header .stack-switcher > .button.titlebutton > GtkImage {
.stack-switcher > .button.text-button { padding-left: 6px;
padding: 5px 10px 6px; } padding-right: 6px;
.stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button, padding-top: 3px;
.titlebar .stack-switcher > .titlebutton.button, padding-bottom: 3px; }
GtkCalendar.header .stack-switcher > .titlebutton.button { .stack-switcher > .button.text-button {
padding: 5px 2px; } padding: 5px 10px 6px; }
.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button,
animation: none; .titlebar .stack-switcher > .titlebutton.button,
background-image: none; } GtkCalendar.header .stack-switcher > .titlebutton.button {
padding: 5px 2px; }
.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage {
animation: none;
background-image: none; }
.inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton,
.inline-toolbar .titlebar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton,
.titlebar .inline-toolbar .button.titlebutton, .titlebar .inline-toolbar .button.titlebutton,

View File

@ -948,25 +948,29 @@ GtkCalendar.header .button.titlebutton {
.titlebar .text-button.titlebutton.button .label:last-child, .titlebar .text-button.titlebutton.button .label:last-child,
GtkCalendar.header .text-button.titlebutton.button .label:last-child { GtkCalendar.header .text-button.titlebutton.button .label:last-child {
padding-right: 8px; } padding-right: 8px; }
.stack-switcher > .button > .label { .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton,
padding-left: 6px; .titlebar .stack-switcher > .button.titlebutton,
padding-right: 6px; } GtkCalendar.header .stack-switcher > .button.titlebutton {
.stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage, outline-offset: -3px; }
.titlebar .stack-switcher > .button.titlebutton > GtkImage, .stack-switcher > .button > .label {
GtkCalendar.header .stack-switcher > .button.titlebutton > GtkImage { padding-left: 6px;
padding-left: 6px; padding-right: 6px; }
padding-right: 6px; .stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
padding-top: 3px; .titlebar .stack-switcher > .button.titlebutton > GtkImage,
padding-bottom: 3px; } GtkCalendar.header .stack-switcher > .button.titlebutton > GtkImage {
.stack-switcher > .button.text-button { padding-left: 6px;
padding: 5px 10px 6px; } padding-right: 6px;
.stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button, padding-top: 3px;
.titlebar .stack-switcher > .titlebutton.button, padding-bottom: 3px; }
GtkCalendar.header .stack-switcher > .titlebutton.button { .stack-switcher > .button.text-button {
padding: 5px 2px; } padding: 5px 10px 6px; }
.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button,
animation: none; .titlebar .stack-switcher > .titlebutton.button,
background-image: none; } GtkCalendar.header .stack-switcher > .titlebutton.button {
padding: 5px 2px; }
.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage {
animation: none;
background-image: none; }
.inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton,
.inline-toolbar .titlebar .button.titlebutton, .inline-toolbar .titlebar .button.titlebutton,
.titlebar .inline-toolbar .button.titlebutton, .titlebar .inline-toolbar .button.titlebutton,