_dash.scss
ASCII text
1
/* Dash */
2
3
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../shadow";
6
@use "../../gnome-shell";
7
@use "overview";
8
9
$spacing: 6px;
10
$margin: 12px;
11
12
#dash {
13
font-size: 1em;
14
15
@if gnome-shell.$version >= 40 {
16
margin-top: 0;
17
padding: $margin $margin 0;
18
19
.overview-icon {
20
// Same as normal .overview-icon
21
padding: 6px;
22
}
23
} @else {
24
@include overview.panel;
25
padding: ($spacing / 2) 0;
26
border-left-width: 0;
27
border-radius: 0 theme.$corner-radius theme.$corner-radius 0;
28
29
&:rtl {
30
border-right-width: 0;
31
border-radius: theme.$corner-radius 0 0 theme.$corner-radius;
32
}
33
}
34
35
.placeholder {
36
height: 24px;
37
background-image: url("assets/dash-placeholder.svg");
38
background-size: contain;
39
}
40
41
.empty-dash-drop-target {
42
width: 24px;
43
height: 24px;
44
}
45
}
46
47
@if gnome-shell.$version >= 40 {
48
.dash-background {
49
margin-bottom: 0;
50
padding: $spacing ($spacing / 2);
51
border-radius: theme.$corner-radius theme.$corner-radius 0 0;
52
background-color: theme-color.fill(overview.$on-color);
53
}
54
55
// Dash Items
56
.dash-item-container .app-well-app,
57
.show-apps {
58
padding: $spacing ($spacing / 2);
59
}
60
61
.dash-separator {
62
width: 1px;
63
margin: $spacing ($spacing / 2);
64
background-color: theme-color.stroke(overview.$on-color);
65
}
66
} @else {
67
// Dash Items
68
.dash-item-container > StWidget {
69
padding: ($spacing / 2) $spacing;
70
}
71
}
72
73
// OSD Tooltip
74
.dash-label {
75
// min-height: 32px - 6px * 2;
76
padding: 7px 8px;
77
border: 0;
78
border-radius: theme.$corner-radius;
79
box-shadow: shadow.$z4;
80
background-color: theme-color.$surface-z8;
81
color: theme-color.$on-surface;
82
text-align: center;
83
84
// distance from the dash edge
85
@if gnome-shell.$version >= 40 {
86
-y-offset: 8px;
87
} @else {
88
-x-offset: 8px;
89
}
90
}
91
92
// Show apps button
93
.show-apps {
94
@include overview.icon;
95
color: theme-color.hint(overview.$on-color);
96
97
&:checked {
98
color: overview.$on-color;
99
}
100
}
101