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