mirror of
https://github.com/EliverLara/Nordic.git
synced 2026-09-27 09:26:39 -04:00
Gtk 4.0: Fix window control buttons appearance
This commit is contained in:
EliverLara
+32
-37
@@ -634,7 +634,7 @@ button.suggested-action {
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
|
||||
.selection-mode windowcontrols button, button.suggested-action.flat {
|
||||
button.suggested-action.flat {
|
||||
box-shadow: none;
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
@@ -649,33 +649,33 @@ button.suggested-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #5e81ac;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
|
||||
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #5e81ac;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label {
|
||||
button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label {
|
||||
color: rgba(255, 255, 255, 0.5); }
|
||||
.selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
|
||||
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
|
||||
color: rgba(254, 254, 254, 0.7);
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #81a1c1;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label {
|
||||
button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label {
|
||||
color: rgba(254, 254, 254, 0.7); }
|
||||
.selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
color: white;
|
||||
border-color: rgba(35, 40, 49, 0.3);
|
||||
background-color: #5e81ac;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label {
|
||||
button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label {
|
||||
color: rgba(255, 255, 255, 0.5); }
|
||||
.selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
|
||||
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
|
||||
color: rgba(254, 254, 254, 0.7);
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #81a1c1;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@@ -4452,31 +4452,26 @@ window {
|
||||
windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
padding: 0 1px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px; }
|
||||
windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
margin-right: 1px;
|
||||
color: #d8dee9;
|
||||
border-color: transparent; }
|
||||
windowcontrols button.close, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
color: transparent; }
|
||||
windowcontrols button.close {
|
||||
background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); }
|
||||
windowcontrols button.close:hover, windowcontrols button.close:active {
|
||||
background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); }
|
||||
windowcontrols button.maximize {
|
||||
background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); }
|
||||
windowcontrols button.maximize:hover, windowcontrols button.maximize:active {
|
||||
background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); }
|
||||
windowcontrols button.minimize {
|
||||
background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); }
|
||||
windowcontrols button.minimize:hover, windowcontrols button.minimize:active {
|
||||
background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); }
|
||||
windowcontrols button:backdrop {
|
||||
-gtk-icon-shadow: none;
|
||||
background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); }
|
||||
border-color: transparent; }
|
||||
windowcontrols button.close:checked, windowcontrols button.close:hover, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize:checked, windowcontrols button.maximize:hover, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize:checked, windowcontrols button.minimize:hover, windowcontrols button.minimize:backdrop:hover {
|
||||
color: #d8dee9;
|
||||
border-radius: 4px;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 1px solid #232831;
|
||||
background-color: #2e3440; }
|
||||
windowcontrols button.close:hover, windowcontrols button.close:active {
|
||||
color: #bf616a; }
|
||||
windowcontrols button.maximize:hover, windowcontrols button.maximize:active {
|
||||
color: #8fbcbb; }
|
||||
windowcontrols button.minimize:hover, windowcontrols button.minimize:active {
|
||||
color: #ebcb8b; }
|
||||
|
||||
headerbar.selection-mode button.titlebutton,
|
||||
.titlebar.selection-mode button.titlebutton {
|
||||
@@ -4499,7 +4494,7 @@ textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selecte
|
||||
entry selection:focus,
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
background-color: #81a1c1; }
|
||||
row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
|
||||
row:selected label, label:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
|
||||
.view text:selected:focus,
|
||||
iconview text:selected:focus,
|
||||
textview text:selected:focus,
|
||||
@@ -4513,7 +4508,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
color: #fefefe;
|
||||
font-weight: normal; }
|
||||
row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
|
||||
row:selected label:disabled, label:disabled:selected, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
|
||||
iconview text:disabled:selected:focus,
|
||||
textview text:disabled:selected:focus,
|
||||
.view text:disabled:selected,
|
||||
@@ -4523,7 +4518,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled,
|
||||
entry selection:disabled, row:disabled:selected {
|
||||
color: #c0d0e0; }
|
||||
row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
|
||||
row:selected label:backdrop, label:backdrop:selected, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
|
||||
iconview text:backdrop:selected:focus,
|
||||
textview text:backdrop:selected:focus,
|
||||
.view text:backdrop:selected,
|
||||
@@ -4533,7 +4528,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop,
|
||||
entry selection:backdrop, row:backdrop:selected {
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
|
||||
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
|
||||
.view text:backdrop:disabled:selected,
|
||||
iconview text:backdrop:disabled:selected,
|
||||
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
|
||||
|
||||
+32
-37
@@ -634,7 +634,7 @@ button.suggested-action {
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
|
||||
.selection-mode windowcontrols button, button.suggested-action.flat {
|
||||
button.suggested-action.flat {
|
||||
box-shadow: none;
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
@@ -649,33 +649,33 @@ button.suggested-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #5e81ac;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
|
||||
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #5e81ac;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label {
|
||||
button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label {
|
||||
color: rgba(255, 255, 255, 0.5); }
|
||||
.selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
|
||||
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
|
||||
color: rgba(254, 254, 254, 0.7);
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #81a1c1;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label {
|
||||
button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label {
|
||||
color: rgba(254, 254, 254, 0.7); }
|
||||
.selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
color: white;
|
||||
border-color: rgba(35, 40, 49, 0.3);
|
||||
background-color: #5e81ac;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label {
|
||||
button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label {
|
||||
color: rgba(255, 255, 255, 0.5); }
|
||||
.selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
|
||||
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
|
||||
color: rgba(254, 254, 254, 0.7);
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: #81a1c1;
|
||||
text-shadow: none; }
|
||||
.selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@@ -4452,31 +4452,26 @@ window {
|
||||
windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
padding: 0 1px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px; }
|
||||
windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
margin-right: 1px;
|
||||
color: #d8dee9;
|
||||
border-color: transparent; }
|
||||
windowcontrols button.close, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
color: transparent; }
|
||||
windowcontrols button.close {
|
||||
background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); }
|
||||
windowcontrols button.close:hover, windowcontrols button.close:active {
|
||||
background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); }
|
||||
windowcontrols button.maximize {
|
||||
background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); }
|
||||
windowcontrols button.maximize:hover, windowcontrols button.maximize:active {
|
||||
background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); }
|
||||
windowcontrols button.minimize {
|
||||
background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); }
|
||||
windowcontrols button.minimize:hover, windowcontrols button.minimize:active {
|
||||
background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); }
|
||||
windowcontrols button:backdrop {
|
||||
-gtk-icon-shadow: none;
|
||||
background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); }
|
||||
border-color: transparent; }
|
||||
windowcontrols button.close:checked, windowcontrols button.close:hover, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize:checked, windowcontrols button.maximize:hover, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize:checked, windowcontrols button.minimize:hover, windowcontrols button.minimize:backdrop:hover {
|
||||
color: #d8dee9;
|
||||
border-radius: 4px;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 1px solid #232831;
|
||||
background-color: #2e3440; }
|
||||
windowcontrols button.close:hover, windowcontrols button.close:active {
|
||||
color: #bf616a; }
|
||||
windowcontrols button.maximize:hover, windowcontrols button.maximize:active {
|
||||
color: #8fbcbb; }
|
||||
windowcontrols button.minimize:hover, windowcontrols button.minimize:active {
|
||||
color: #ebcb8b; }
|
||||
|
||||
headerbar.selection-mode button.titlebutton,
|
||||
.titlebar.selection-mode button.titlebutton {
|
||||
@@ -4499,7 +4494,7 @@ textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selecte
|
||||
entry selection:focus,
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
background-color: #81a1c1; }
|
||||
row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
|
||||
row:selected label, label:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
|
||||
.view text:selected:focus,
|
||||
iconview text:selected:focus,
|
||||
textview text:selected:focus,
|
||||
@@ -4513,7 +4508,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
color: #fefefe;
|
||||
font-weight: normal; }
|
||||
row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
|
||||
row:selected label:disabled, label:disabled:selected, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
|
||||
iconview text:disabled:selected:focus,
|
||||
textview text:disabled:selected:focus,
|
||||
.view text:disabled:selected,
|
||||
@@ -4523,7 +4518,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled,
|
||||
entry selection:disabled, row:disabled:selected {
|
||||
color: #c0d0e0; }
|
||||
row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
|
||||
row:selected label:backdrop, label:backdrop:selected, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
|
||||
iconview text:backdrop:selected:focus,
|
||||
textview text:backdrop:selected:focus,
|
||||
.view text:backdrop:selected,
|
||||
@@ -4533,7 +4528,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop,
|
||||
entry selection:backdrop, row:backdrop:selected {
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
|
||||
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
|
||||
.view text:backdrop:disabled:selected,
|
||||
iconview text:backdrop:disabled:selected,
|
||||
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
|
||||
|
||||
@@ -75,58 +75,34 @@
|
||||
}
|
||||
|
||||
// Window Close button
|
||||
windowcontrols {
|
||||
button {
|
||||
&.close, &.maximize, &.minimize {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
padding: 0 1px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
|
||||
&, &:hover, &:focus, &:active, &:backdrop, &:backdrop:hover {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
windowcontrols button {
|
||||
&.close, &.maximize, &.minimize {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
margin-right: 1px;
|
||||
color: $headerbar_fg_color;
|
||||
border-color: transparent;
|
||||
&, &:backdrop, &:backdrop:hover {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
&.close {
|
||||
background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png"));
|
||||
&:hover,&:active {
|
||||
background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png"));
|
||||
}
|
||||
}
|
||||
&.maximize {
|
||||
background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png"));
|
||||
&:hover,&:active {
|
||||
background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png"));
|
||||
}
|
||||
}
|
||||
&.minimize {
|
||||
background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png"));
|
||||
&:hover,&:active {
|
||||
background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png"));
|
||||
}
|
||||
}
|
||||
|
||||
.selection-mode & {
|
||||
@extend %button.flat.suggested-action;
|
||||
|
||||
@extend %nobg_selected_items;
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
-gtk-icon-shadow: none;
|
||||
background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png"));
|
||||
&:checked,
|
||||
&:hover,
|
||||
&:backdrop:hover {
|
||||
@include button(normal-header);
|
||||
}
|
||||
}
|
||||
|
||||
&.close:hover, &.close:active { color: $red; }
|
||||
|
||||
&.maximize:hover, &.maximize:active { color: $lime; }
|
||||
|
||||
&.minimize:hover, &.minimize:active { color: $yellow; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
headerbar.selection-mode button.titlebutton,
|
||||
.titlebar.selection-mode button.titlebutton {
|
||||
@include _button_text_shadow(white, $selected_bg_color);
|
||||
|
||||
Reference in New Issue
Block a user