Cinnamon4 grouped-window-list tweaks (#192)
parent
b44f657806
commit
1100d245c6
|
@ -1287,7 +1287,7 @@ StScrollBar {
|
|||
.panel-top & { padding-bottom: 1px; }
|
||||
|
||||
.progress {
|
||||
background-color: transparentize($success_color, 0.8);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
|
@ -1353,87 +1353,87 @@ StScrollBar {
|
|||
// Grouped Window List (Cinnamon 4)
|
||||
//
|
||||
.grouped-window-list {
|
||||
&-thumbnail-label {
|
||||
padding-left: 3px;
|
||||
}
|
||||
&-number-label {
|
||||
z-index: 99;
|
||||
color: $_shell_fg_color;
|
||||
}
|
||||
/// May need to revise depending on upstream GWL developments
|
||||
&-button-label {
|
||||
padding: 3px;
|
||||
}
|
||||
&-badge {
|
||||
border-radius: 256px;
|
||||
background-color: $panel_bg;
|
||||
}
|
||||
&-thumbnail-alert {
|
||||
background-color: $warning_color;
|
||||
}
|
||||
&-item-box {
|
||||
transition-duration: 100;
|
||||
font-weight: bold;
|
||||
background-image: none;
|
||||
color: transparentize($_shell_fg_color, 0.4);
|
||||
&:hover, &:active:hover { color: $_shell_fg_color; }
|
||||
&:hover, &:active, &:active:hover {
|
||||
&-thumbnail-label {
|
||||
padding-left: 3px;
|
||||
}
|
||||
&-number-label {
|
||||
z-index: 99;
|
||||
color: $_shell_fg_color;
|
||||
}
|
||||
/// May need to revise depending on upstream GWL developments
|
||||
&-button-label {
|
||||
padding: 1px;
|
||||
}
|
||||
&-badge {
|
||||
border-radius: 256px;
|
||||
background-color: $panel_bg;
|
||||
}
|
||||
&-thumbnail-alert {
|
||||
background-color: $warning_color;
|
||||
}
|
||||
&-item-box {
|
||||
transition-duration: 100;
|
||||
font-weight: bold;
|
||||
background-image: none;
|
||||
color: transparentize($_shell_fg_color, 0.4);
|
||||
&:hover, &:active:hover { color: $_shell_fg_color; }
|
||||
&:hover, &:active, &:active:hover {
|
||||
|
||||
.panel-bottom & { border-image: url("common-assets/panel/window-list-hover-bottom.svg") 3 3 1 3; }
|
||||
.panel-top & { border-image: url("common-assets/panel/window-list-hover-top.svg") 3 3 3 1; }
|
||||
.panel-left & { border-image: url("common-assets/panel/window-list-hover-left.svg") 3 1 3 3; }
|
||||
.panel-right & { border-image: url("common-assets/panel/window-list-hover-right.svg") 1 3 3 3; }
|
||||
}
|
||||
&:focus, &:focus:hover {
|
||||
color: $_shell_fg_color;
|
||||
.panel-bottom & { border-image: url("common-assets/panel/window-list-hover-bottom.svg") 3 3 1 3; }
|
||||
.panel-top & { border-image: url("common-assets/panel/window-list-hover-top.svg") 3 3 3 1; }
|
||||
.panel-left & { border-image: url("common-assets/panel/window-list-hover-left.svg") 3 1 3 3; }
|
||||
.panel-right & { border-image: url("common-assets/panel/window-list-hover-right.svg") 1 3 3 3; }
|
||||
}
|
||||
&:focus, &:focus:hover {
|
||||
color: $_shell_fg_color;
|
||||
|
||||
.panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
|
||||
.panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
|
||||
.panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
|
||||
.panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
|
||||
.panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
|
||||
.panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
|
||||
.panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
|
||||
.panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
|
||||
}
|
||||
.progress {
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
.progress {
|
||||
background-color: transparentize($success_color, 0.8);
|
||||
}
|
||||
}
|
||||
&-item-demands-attention {
|
||||
background-gradient-start: $warning_color;
|
||||
background-gradient-end: $warning_color;
|
||||
}
|
||||
&-thumbnail-menu {
|
||||
color: $osd_fg_color;
|
||||
background: none;
|
||||
border: none;
|
||||
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
|
||||
border-radius: 3px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
&-item-demands-attention {
|
||||
background-gradient-start: $warning_color;
|
||||
background-gradient-end: $warning_color;
|
||||
}
|
||||
&-thumbnail-menu {
|
||||
color: $osd_fg_color;
|
||||
background: none;
|
||||
border: none;
|
||||
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
|
||||
border-radius: 3px;
|
||||
padding: 10px 20px;
|
||||
|
||||
.item-box {
|
||||
margin: 8px;
|
||||
spacing: 4px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid none;
|
||||
&:outlined {
|
||||
border: 1px solid $selected_bg_color;
|
||||
}
|
||||
&:selected {
|
||||
background-color: $selected_bg_color;
|
||||
border: 1px solid $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
.item-box {
|
||||
margin: 8px;
|
||||
spacing: 4px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid none;
|
||||
&:outlined {
|
||||
border: 1px solid $selected_bg_color;
|
||||
}
|
||||
&:selected {
|
||||
background-color: $selected_bg_color;
|
||||
border: 1px solid $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
.thumbnail-box {
|
||||
padding: 2px;
|
||||
spacing: 4px;
|
||||
}
|
||||
.thumbnail {
|
||||
width: 256px;
|
||||
}
|
||||
.separator {
|
||||
width: 1px;
|
||||
background: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
.thumbnail-box {
|
||||
padding: 2px;
|
||||
spacing: 4px;
|
||||
}
|
||||
.thumbnail {
|
||||
width: 256px;
|
||||
}
|
||||
.separator {
|
||||
width: 1px;
|
||||
background: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.vertical .grouped-window-list-item-box {
|
||||
padding: 2px 0;
|
||||
|
|
Loading…
Reference in New Issue