ASCII text
1
/* Window Picker */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../gnome-shell";
6
@use "overview";
7
// Window picker
9
.window-picker {
10
// Space between window thumbnails
11
@if gnome-shell.$version >= 3.38 {
12
spacing: 8px;
13
} @else {
14
-horizontal-spacing: 16px;
15
-vertical-spacing: 16px;
16
}
17
@if gnome-shell.$version < 40 {
19
// Padding for container around window thumbnails
20
padding: 0 16px 32px;
21
&.external-monitor {
23
padding: 16px;
24
}
25
}
26
}
27
@if gnome-shell.$version < 40 {
29
// Borders on window thumbnails
30
.window-clone-border {
31
border: 4px solid theme-color.stroke(overview.$on-color);
32
border-radius: theme.$corner-radius;
33
// For window decorations with round corners we can't match
34
// the exact shape when the window is scaled. So apply a shadow
35
// to fix that case
36
box-shadow: inset 0 0 0 1px theme-color.stroke(overview.$on-color);
37
}
38
}
39
// Window titles
41
.window-caption {
42
padding: 4px 8px;
43
border-radius: theme.$corner-radius;
44
background-color: theme-color.$scrim;
45
color: theme-color.$on-scrim;
46
@if gnome-shell.$version < 40 {
48
spacing: 0;
49
border: 0;
50
font-size: 1em;
51
font-weight: normal;
52
}
53
}
54
// Close button
56
.window-close {
57
transition-duration: theme.$state-duration;
58
height: theme.$medium-size;
59
width: theme.$medium-size;
60
padding: 0;
61
border: 0;
62
border-radius: theme.$medium-size / 2;
63
box-shadow: theme.$shadow-z2;
64
background-color: theme-color.$error;
65
color: theme-color.$on-error;
66
background-image: url("assets/window-close.svg");
68
background-size: 24px;
69
@if gnome-shell.$version < 3.38 {
71
-shell-close-overlap: theme.$medium-size / 2;
72
}
73
&:hover {
75
box-shadow: theme.$shadow-z4;
76
border-color: transparent;
77
background-color: theme-color.hover-overlay(theme-color.$on-error, $on: theme-color.$error);
78
color: theme-color.$on-error;
79
@if gnome-shell.$version < 3.32 {
81
background-image: url("assets/window-close.svg");
82
}
83
}
84
&:active {
86
transition-duration: theme.$ripple-duration;
87
box-shadow: theme.$shadow-z8;
88
border-color: transparent;
89
background-color: theme-color.pressed-overlay(theme-color.$on-error, $on: theme-color.$error);
90
color: theme-color.$on-error;
91
@if gnome-shell.$version < 3.32 {
93
background-image: url("assets/window-close.svg");
94
}
95
}
96
StIcon {
98
icon-size: 24px;
99
color: transparent;
100
}
101
}
102
@if gnome-shell.$version >= 40 {
104
.workspace-background {
105
// keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js
106
border-radius: 30px;
107
background-color: black;
108
box-shadow: theme.$shadow-z4; // use z4 for the huge card
109
}
110
}
111