1/* Dash */
2
3//$dash_background_color: #3b3b3b; // Yaru: we define those colors in _colors.scss for _dock.scss to use it
4$dash_placeholder_size: 32px;
5$dash_padding: $base_padding + 4px; // 10px
6$dash_spacing: $base_padding / 4;
7
8$dash_bottom_margin: $base_margin * 4;
9
10$dash_border_radius: $modal_radius * 1.5;
11
12#dash {
13  @include fontsize($base_font_size - 2);
14  margin-top: $base_spacing * 3;
15  padding: 0 $dash_padding;
16
17  .placeholder {
18    // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
19    background-image:none;
20    background-size: contain;
21    height: $dash_placeholder_size;
22  }
23
24  .empty-dash-drop-target {
25    width: $dash_placeholder_size;
26    height: $dash_placeholder_size;
27  }
28
29  .overview-icon {
30    padding: $dash_padding / 2;
31  }
32}
33
34.dash-background {
35  background-color: $dash_background_color;
36  margin-bottom: $dash_bottom_margin;
37  padding: $dash_padding;
38  border-radius: $dash_border_radius;
39  border: 1px solid $borders_color_dark; // Yaru: add border
40}
41
42// Dash Items
43.dash-item-container .app-well-app, .show-apps {
44  padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin;
45}
46
47.dash-separator {
48  width: 1px;
49  margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
50  background-color: transparentize($osd_fg_color,0.7);
51}
52
53// OSD Tooltip
54.dash-label {
55  color: $osd_fg_color;
56  background-color: $osd_bg_color;
57  border-radius: 99px;
58  padding: $base_padding $base_padding * 2;
59  text-align: center;
60  -y-offset: $base_margin * 3; // distance from the dash edge
61}
62
63// Show apps button
64.show-apps {
65  @include overview-icon($osd_fg_color);
66
67  &:focus,
68  &:checked {
69    .overview-icon { // Yaru: we want the app grid icon to feel like everything else on the dock
70      // background-color: darken($osd_bg_color,10%);
71      color: $osd_fg_color;
72    }
73  }
74}
75