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