From 5af0399fef55dfec0265cc4ac989bd82ecf9dcf7 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sun, 3 Jan 2016 22:35:53 +0100 Subject: try to fix padding --- common/gtk-3.0/3.14/gtk-dark.css | 90 +++++++++++++++----------------- common/gtk-3.0/3.14/gtk-darker.css | 90 +++++++++++++++----------------- common/gtk-3.0/3.14/gtk-solid-dark.css | 90 +++++++++++++++----------------- common/gtk-3.0/3.14/gtk-solid-darker.css | 90 +++++++++++++++----------------- common/gtk-3.0/3.14/gtk-solid.css | 90 +++++++++++++++----------------- common/gtk-3.0/3.14/gtk.css | 90 +++++++++++++++----------------- common/gtk-3.0/3.14/sass/_common.scss | 85 +++++++++++++----------------- 7 files changed, 295 insertions(+), 330 deletions(-) (limited to 'common/gtk-3.0/3.14') diff --git a/common/gtk-3.0/3.14/gtk-dark.css b/common/gtk-3.0/3.14/gtk-dark.css index e89322b..e5c5c47 100644 --- a/common/gtk-3.0/3.14/gtk-dark.css +++ b/common/gtk-3.0/3.14/gtk-dark.css @@ -125,18 +125,17 @@ GtkFlowBox .grid-child { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; @@ -259,8 +258,6 @@ GtkSearchEntry.entry { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -312,7 +309,7 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -457,23 +454,18 @@ GtkSearchEntry.entry { background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, + .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -482,17 +474,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { @@ -754,7 +742,7 @@ GtkComboBox { -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -809,7 +797,7 @@ GtkComboBox { background-color: #313541; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -822,10 +810,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); @@ -882,8 +872,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1193,18 +1183,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2211,7 +2207,7 @@ GtkColorChooserWidget #add-color-button { background-color: #2b2e39; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2333,12 +2329,12 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { - padding: 7px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); - border-width: 0; + border-width: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } diff --git a/common/gtk-3.0/3.14/gtk-darker.css b/common/gtk-3.0/3.14/gtk-darker.css index 972334d..fa342a6 100644 --- a/common/gtk-3.0/3.14/gtk-darker.css +++ b/common/gtk-3.0/3.14/gtk-darker.css @@ -125,18 +125,17 @@ GtkFlowBox .grid-child { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,7 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +453,18 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, + .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,17 +473,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { @@ -753,7 +741,7 @@ GtkComboBox { -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +800,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +813,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); @@ -885,8 +875,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1186,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2214,7 +2210,7 @@ GtkColorChooserWidget #add-color-button { background-color: #dcdfe3; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2336,12 +2332,12 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { - padding: 7px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); - border-width: 0; + border-width: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } diff --git a/common/gtk-3.0/3.14/gtk-solid-dark.css b/common/gtk-3.0/3.14/gtk-solid-dark.css index ae83d76..4548b5c 100644 --- a/common/gtk-3.0/3.14/gtk-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-solid-dark.css @@ -125,18 +125,17 @@ GtkFlowBox .grid-child { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; @@ -259,8 +258,6 @@ GtkSearchEntry.entry { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -312,7 +309,7 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -457,23 +454,18 @@ GtkSearchEntry.entry { background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, + .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -482,17 +474,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { @@ -754,7 +742,7 @@ GtkComboBox { -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -809,7 +797,7 @@ GtkComboBox { background-color: #313541; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -822,10 +810,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; @@ -882,8 +872,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1193,18 +1183,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2211,7 +2207,7 @@ GtkColorChooserWidget #add-color-button { background-color: #2b2e39; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2333,12 +2329,12 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { - padding: 7px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); - border-width: 0; + border-width: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } diff --git a/common/gtk-3.0/3.14/gtk-solid-darker.css b/common/gtk-3.0/3.14/gtk-solid-darker.css index c32f9cb..c6cb49f 100644 --- a/common/gtk-3.0/3.14/gtk-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-solid-darker.css @@ -125,18 +125,17 @@ GtkFlowBox .grid-child { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,7 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +453,18 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, + .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,17 +473,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { @@ -753,7 +741,7 @@ GtkComboBox { -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +800,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +813,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; @@ -885,8 +875,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1186,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2214,7 +2210,7 @@ GtkColorChooserWidget #add-color-button { background-color: #dcdfe3; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2336,12 +2332,12 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { - padding: 7px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); - border-width: 0; + border-width: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } diff --git a/common/gtk-3.0/3.14/gtk-solid.css b/common/gtk-3.0/3.14/gtk-solid.css index 6e6ad51..c5c4667 100644 --- a/common/gtk-3.0/3.14/gtk-solid.css +++ b/common/gtk-3.0/3.14/gtk-solid.css @@ -125,18 +125,17 @@ GtkFlowBox .grid-child { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,7 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +453,18 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, + .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,17 +473,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { @@ -753,7 +741,7 @@ GtkComboBox { -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +800,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +813,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; @@ -885,8 +875,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1186,24 @@ GtkComboBox { border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2214,7 +2210,7 @@ GtkColorChooserWidget #add-color-button { background-color: #dcdfe3; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2336,12 +2332,12 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { - padding: 7px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); - border-width: 0; + border-width: rgba(231, 232, 235, 0); color: transparent; background-position: center; background-repeat: no-repeat; } diff --git a/common/gtk-3.0/3.14/gtk.css b/common/gtk-3.0/3.14/gtk.css index 1e2578b..ac6aaab 100644 --- a/common/gtk-3.0/3.14/gtk.css +++ b/common/gtk-3.0/3.14/gtk.css @@ -125,18 +125,17 @@ GtkFlowBox .grid-child { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,7 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +453,18 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, + .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,17 +473,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } + .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { @@ -753,7 +741,7 @@ GtkComboBox { -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +800,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +813,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); @@ -885,8 +875,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1186,24 @@ GtkComboBox { border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2214,7 +2210,7 @@ GtkColorChooserWidget #add-color-button { background-color: #dcdfe3; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2336,12 +2332,12 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { - padding: 7px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); - border-width: 0; + border-width: rgba(231, 232, 235, 0); color: transparent; background-position: center; background-repeat: no-repeat; } diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss index 3356d3e..e142c35 100644 --- a/common/gtk-3.0/3.14/sass/_common.scss +++ b/common/gtk-3.0/3.14/sass/_common.scss @@ -188,24 +188,22 @@ GtkFlowBox .grid-child { } } +$vert_padding: 5px; // // Text Entries // .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: $vert_padding 8px; border-radius: 3px; transition: all 200ms $ease-out-quad; @include entry(normal); - .header-bar & { padding: 6px; } - - //&.image { // icons inside the entry - // &.left { padding-left: 0; } - // &.right { padding-right: 0; } - //} - &.image { padding-left: 3px; padding-right: 3px; } + &.image { // icons inside the entry + &.left { padding-left: 0; } + &.right { padding-right: 0; } + } &.flat, &.flat:focus { padding: 2px; @@ -359,9 +357,7 @@ $_dot_color: $selected_bg_color; transition: $_button_transition; border: 1px solid; border-radius: 3px; - padding: 5px 8px; - - .header-bar & { padding: 6px 11px; } + padding: $vert_padding 8px; @include button(normal); @@ -506,29 +502,23 @@ $_dot_color: $selected_bg_color; } } - &.image-button { padding: 8px; } - - .header-bar &.image-button { padding: 6px 9px; } + &.image-button { padding: 2px + $vert_padding 10px; } &.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar &.text-button { padding: 6px 16px; } - &.text-button.image-button { // those buttons needs uneven horizontal padding, we want the icon side // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button - padding: 4px 8px 5px; // same as .button + padding: $vert_padding 8px; // same as .button GtkLabel:first-child { padding-left: 8px; } GtkLabel:last-child { padding-right: 8px; } } - .header-bar &.text-button.image-button { padding: 6px 16px; } - .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical @@ -543,21 +533,17 @@ $_dot_color: $selected_bg_color; > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; + padding-top: $vert_padding - 2px; + padding-bottom: $vert_padding - 2px; } - .header-bar > GtkLabel { padding: 6px 10px; } - - &.text-button { padding: 5px 10px; } - - .header-bar &.text-button { padding: 6px 10px; } + &.text-button { padding: $vert_padding 10px; } // needed or it will get overridden - &.image-button { padding: 1px 3px; } + &.image-button { padding: $vert_padding - 3px 4px; } &.needs-attention > GtkLabel, &.needs-attention > GtkImage { @extend %needs_attention; } - &.needs-attention:active > GtkLabel, + &.needs-attention:active > .label, &.needs-attention:active > GtkImage, &.needs-attention:checked > GtkLabel, &.needs-attention:checked > GtkImage { @@ -850,8 +836,6 @@ $_linked_separator_color: if($variant=='light', transparentize($button_border, 0 } } &.entry { - // we should remove the bottom edge hilight here, but seems - // like buttons are on top of it so it doesn't show up border-radius: 0; padding-left: 5px; padding-right: 5px; @@ -883,9 +867,9 @@ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; - > .button { // Otherwise combos - padding-top: 3px; // are bigger than - padding-bottom: 4px; // buttons + > .button { // Otherwise combos + padding-top: $vert_padding - 2px; // are bigger than + padding-bottom: $vert_padding - 2px; // buttons } &:insensitive { @@ -1009,7 +993,7 @@ GtkComboBox { // Headerbars // .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; @@ -1027,12 +1011,14 @@ GtkComboBox { &:backdrop { color: transparentize($header_fg, 0.3); } .title { - padding: 0px 12px; + padding-left: 12px; + padding-right: 12px; } .subtitle { font-size: smaller; - padding: 0 12px; + padding-left: 12px; + padding-right: 12px; @extend .dim-label; } @@ -1113,8 +1099,8 @@ GtkComboBox { .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { - padding-top: 5px; // less padding for ssd - padding-bottom: 5px; // + padding-top: 4px; // less padding for ssd + padding-bottom: 4px; // background-color: opacify($header_bg, 1); border-bottom-width: 0; @@ -1395,18 +1381,20 @@ GtkComboBox { // Pathbars // .path-bar .button { - padding-left: 6px; - padding-right: 6px; + padding: 5px 10px; + &:first-child { padding-left: 10px; } + &:last-child { padding-right: 10px; } &:only-child { - padding-left: 12px; - padding-right: 12px; + padding-left: 14px; + padding-right: 14px; } // the following is for spacing the icon and the label inside the home button - GtkLabel:last-child { padding-left: 2px; } - GtkLabel:first-child { padding-right: 2px; } - GtkLabel:only-child, GtkLabel { padding-right: 4px; padding-left: 4px; } + GtkLabel:last-child { padding-left: 4px; } + GtkLabel:first-child { padding-right: 4px; } + GtkLabel:only-child, GtkLabel { padding-right: 0; padding-left: 0; } + GtkImage { padding-top: 2px; padding-bottom: 1px; } } // @@ -2602,7 +2590,7 @@ GtkColorChooserWidget #add-color-button { } GtkColorButton.button { - padding: 4px; // Uniform padding on the GtkColorButton + padding: 5px; // Uniform padding on the GtkColorButton GtkColorSwatch { border-radius: 0; } } @@ -2702,11 +2690,12 @@ GtkVolumeButton.button { padding: 8px; } } .button.titlebutton { - padding: 7px 4px; + @extend .image-button; + padding: 8px 4px; @include button(undecorated); background-color: transparentize($header_bg, 1); - border-width: 0; + border-width: transparentize($header_bg, 1); color: transparent; background-position: center; -- cgit v1.2.3