2019-12-18 16:25:03 -05:00
|
|
|
/* Dash */
|
|
|
|
|
2021-01-21 17:02:00 -05:00
|
|
|
$dash_background_color: #3b3b3b;
|
2019-12-18 16:25:03 -05:00
|
|
|
$dash_placeholder_size: 32px;
|
2021-02-04 12:27:30 -05:00
|
|
|
$dash_padding: $base_padding + 4px; // 10px
|
|
|
|
$dash_spacing: $base_padding / 4;
|
|
|
|
|
2021-02-09 13:57:55 -05:00
|
|
|
$dash_bottom_margin: $base_margin * 4;
|
2021-02-04 12:27:30 -05:00
|
|
|
|
2019-12-18 16:25:03 -05:00
|
|
|
$dash_border_radius: $modal_radius * 1.5;
|
|
|
|
|
|
|
|
#dash {
|
2019-12-19 11:09:33 -05:00
|
|
|
@include fontsize($base_font_size - 2);
|
2021-02-09 13:57:55 -05:00
|
|
|
margin: $base_margin * 4 $base_margin * 2 0;
|
2021-02-04 12:27:30 -05:00
|
|
|
padding: 0 $dash_padding;
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
.placeholder {
|
|
|
|
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
|
|
|
|
background-image:none;
|
|
|
|
background-size: contain;
|
|
|
|
height: $dash_placeholder_size;
|
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
.empty-dash-drop-target {
|
|
|
|
width: $dash_placeholder_size;
|
|
|
|
height: $dash_placeholder_size;
|
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2021-02-04 12:27:30 -05:00
|
|
|
.overview-icon {
|
|
|
|
padding: $dash_padding / 2;
|
2021-02-04 07:26:23 -05:00
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
2021-02-09 13:57:55 -05:00
|
|
|
.dash-background {
|
|
|
|
background-color: $dash_background_color;
|
|
|
|
margin-bottom: $dash_bottom_margin;
|
|
|
|
padding: $dash_padding;
|
|
|
|
border-radius: $dash_border_radius;
|
|
|
|
}
|
|
|
|
|
2021-02-04 12:27:30 -05:00
|
|
|
// Dash Items
|
2021-02-09 13:57:55 -05:00
|
|
|
.dash-item-container .app-well-app, .show-apps {
|
|
|
|
padding: 0 $dash_spacing $dash_bottom_margin;
|
2021-02-04 07:26:23 -05:00
|
|
|
}
|
2021-02-04 12:27:30 -05:00
|
|
|
|
|
|
|
.dash-separator {
|
|
|
|
width: 1px;
|
2021-02-09 13:57:55 -05:00
|
|
|
margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
|
2021-02-04 12:27:30 -05:00
|
|
|
background-color: transparentize($osd_fg_color,0.7);
|
2021-01-28 17:24:44 -05:00
|
|
|
}
|
|
|
|
|
2019-12-18 16:25:03 -05:00
|
|
|
// OSD Tooltip
|
|
|
|
.dash-label {
|
2019-12-19 10:38:27 -05:00
|
|
|
color: $osd_fg_color;
|
2021-02-15 19:28:00 -05:00
|
|
|
background-color: $osd_bg_color;
|
|
|
|
border-radius: 99px;
|
|
|
|
padding: $base_padding $base_padding * 2;
|
2019-12-19 10:38:27 -05:00
|
|
|
text-align: center;
|
2020-12-11 07:47:28 -05:00
|
|
|
-y-offset: $base_margin * 3; // distance from the dash edge
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
// Show apps button
|
|
|
|
.show-apps {
|
2020-01-25 03:53:17 -05:00
|
|
|
@include overview-icon($osd_fg_color);
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 14:11:59 -05:00
|
|
|
&:focus,
|
2020-01-25 03:53:17 -05:00
|
|
|
&:checked {
|
2019-12-19 14:11:59 -05:00
|
|
|
.overview-icon {
|
2021-01-05 07:57:25 -05:00
|
|
|
background-color: transparentize($osd_bg_color,0.5);
|
2019-12-19 14:11:59 -05:00
|
|
|
color: $fg_color;
|
|
|
|
}
|
2019-12-19 10:38:27 -05:00
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|