mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
fix app-menu button padding
This commit is contained in:
parent
583a4f1440
commit
905b61a0cf
@ -2413,11 +2413,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2416,11 +2416,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2413,11 +2413,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2416,11 +2416,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2416,11 +2416,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(231, 232, 235, 0); }
|
background-color: rgba(231, 232, 235, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
|
@ -2416,11 +2416,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(231, 232, 235, 0); }
|
background-color: rgba(231, 232, 235, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
|
@ -2805,7 +2805,12 @@ GtkVolumeButton.button { padding: 8px; }
|
|||||||
.button.titlebutton {
|
.button.titlebutton {
|
||||||
@extend .image-button;
|
@extend .image-button;
|
||||||
|
|
||||||
padding: 8px 4px;
|
&:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
|
||||||
@include button(undecorated);
|
@include button(undecorated);
|
||||||
background-color: transparentize($header_bg, 1);
|
background-color: transparentize($header_bg, 1);
|
||||||
|
@ -2519,11 +2519,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2522,11 +2522,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2519,11 +2519,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2522,11 +2522,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(47, 52, 63, 0); }
|
background-color: rgba(47, 52, 63, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
|
@ -2526,11 +2526,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(231, 232, 235, 0); }
|
background-color: rgba(231, 232, 235, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
|
@ -2526,11 +2526,16 @@ GtkVolumeButton.button {
|
|||||||
|
|
||||||
.header-bar .button.titlebutton,
|
.header-bar .button.titlebutton,
|
||||||
.titlebar .button.titlebutton {
|
.titlebar .button.titlebutton {
|
||||||
padding: 8px 4px;
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(231, 232, 235, 0); }
|
background-color: rgba(231, 232, 235, 0); }
|
||||||
|
.header-bar .button.titlebutton:not(GtkMenuButton),
|
||||||
|
.titlebar .button.titlebutton:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px; }
|
||||||
.header-bar .button.titlebutton:hover,
|
.header-bar .button.titlebutton:hover,
|
||||||
.titlebar .button.titlebutton:hover {
|
.titlebar .button.titlebutton:hover {
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
|
@ -2807,7 +2807,12 @@ GtkVolumeButton.button { padding: 8px; }
|
|||||||
.button.titlebutton {
|
.button.titlebutton {
|
||||||
@extend .image-button;
|
@extend .image-button;
|
||||||
|
|
||||||
padding: 8px 4px;
|
&:not(GtkMenuButton) {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
|
||||||
@include button(undecorated);
|
@include button(undecorated);
|
||||||
background-color: transparentize($header_bg, 1);
|
background-color: transparentize($header_bg, 1);
|
||||||
|
Loading…
Reference in New Issue
Block a user