Adwaita: path-bar style fixes

what we used to do here doesn't really work anymore, so this adapt
to gtk+ and theme changes.
This commit is contained in:
Lapo Calamandrei 2016-03-08 16:06:55 +01:00
parent b7fd0147f7
commit 6fdf1e4462
3 changed files with 40 additions and 28 deletions

View File

@ -1390,17 +1390,23 @@ headerbar {
* Pathbars *
************/
.path-bar button {
&:only-child {
padding-left: 12px;
padding-right: 12px;
&.text-button, &.image-button, & {
padding-left: 4px;
padding-right: 4px;
}
// the following is for spacing the icon and the label inside the home button
& label:last-child { padding-left: 2px; }
& label:first-child { padding-right: 2px; }
& label:only-child { padding-right: 0; padding-left: 0; }
}
&.text-button.image-button label { padding-left: 0; padding-right: 0; }
&.text-button.image-button, & {
label:last-child { padding-right: 8px; }
label:first-child { padding-left: 8px; }
}
image {
padding-left: 4px;
padding-right: 4px;
}
}
/**************
* Tree Views *

View File

@ -1734,16 +1734,19 @@ window.csd > .titlebar:not(headerbar) {
/************
* Pathbars *
************/
.path-bar button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar button label:last-child {
padding-left: 2px; }
.path-bar button label:first-child {
padding-right: 2px; }
.path-bar button label:only-child {
padding-right: 0;
padding-left: 0; }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 4px;
padding-right: 4px; }
.path-bar button.text-button.image-button label {
padding-left: 0;
padding-right: 0; }
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
padding-right: 8px; }
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
padding-left: 8px; }
.path-bar button image {
padding-left: 4px;
padding-right: 4px; }
/**************
* Tree Views *

View File

@ -1738,16 +1738,19 @@ window.csd > .titlebar:not(headerbar) {
/************
* Pathbars *
************/
.path-bar button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar button label:last-child {
padding-left: 2px; }
.path-bar button label:first-child {
padding-right: 2px; }
.path-bar button label:only-child {
padding-right: 0;
padding-left: 0; }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 4px;
padding-right: 4px; }
.path-bar button.text-button.image-button label {
padding-left: 0;
padding-right: 0; }
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
padding-right: 8px; }
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
padding-left: 8px; }
.path-bar button image {
padding-left: 4px;
padding-right: 4px; }
/**************
* Tree Views *