2019-12-18 21:25:03 +00:00
|
|
|
/* Dash */
|
|
|
|
|
2022-10-13 16:51:17 +00:00
|
|
|
// uses system colors
|
|
|
|
$dash_background_color: $system_overlay_bg_color;
|
|
|
|
|
2019-12-18 21:25:03 +00:00
|
|
|
$dash_placeholder_size: 32px;
|
2022-02-07 18:22:40 +00:00
|
|
|
$dash_padding: $base_padding*2; // 12px
|
|
|
|
$dash_border_radius: $modal_radius + $dash_padding;
|
2021-02-04 17:27:30 +00:00
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
// container for the dash
|
2019-12-18 21:25:03 +00:00
|
|
|
#dash {
|
2022-02-07 18:22:40 +00:00
|
|
|
@extend %caption;
|
2022-02-15 16:00:51 +00:00
|
|
|
margin-top: $dash_padding;
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 15:38:27 +00: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 21:25:03 +00:00
|
|
|
|
2019-12-19 15:38:27 +00:00
|
|
|
.empty-dash-drop-target {
|
|
|
|
width: $dash_placeholder_size;
|
|
|
|
height: $dash_placeholder_size;
|
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
// Running app indicator (also shown in app grid)
|
|
|
|
.app-well-app-running-dot {
|
2022-02-15 16:00:51 +00:00
|
|
|
margin-bottom: 14px; // hardcoded
|
2021-02-04 12:26:23 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
// background of the dash behind app icons
|
2021-02-09 18:57:55 +00:00
|
|
|
.dash-background {
|
|
|
|
background-color: $dash_background_color;
|
|
|
|
border-radius: $dash_border_radius;
|
2021-12-28 13:46:54 +00:00
|
|
|
padding: $dash_padding;
|
2022-02-07 18:22:40 +00:00
|
|
|
spacing: $base_padding;
|
2022-02-15 16:00:51 +00:00
|
|
|
margin-bottom: $dash_padding;
|
2022-11-03 15:28:24 +00:00
|
|
|
|
|
|
|
@if $is_highcontrast {
|
|
|
|
border: 2px solid $hc_inset_color;
|
|
|
|
box-shadow:none;
|
|
|
|
}
|
2021-02-09 18:57:55 +00:00
|
|
|
}
|
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
// items on the dash
|
|
|
|
.dash-item-container {
|
2022-02-15 16:00:51 +00:00
|
|
|
> * {margin: 0 2px;}
|
2022-11-03 15:28:24 +00:00
|
|
|
&:ltr{&:first-child {margin-left: 0;}}
|
|
|
|
&:rtl{&:first-child {margin-right: 0;}}
|
2022-02-15 16:00:51 +00:00
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
// each app item on the dash
|
2022-02-07 18:22:40 +00:00
|
|
|
.app-well-app .overview-icon {
|
|
|
|
padding: $base_padding;
|
2022-11-03 15:28:24 +00:00
|
|
|
border-radius: $base_border_radius*2;
|
2021-12-28 13:46:54 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// show apps button
|
2022-10-13 16:51:17 +00:00
|
|
|
.show-apps { @include overview_icon($system_fg_color);}
|
2022-02-15 16:00:51 +00:00
|
|
|
|
|
|
|
.show-apps, .app-well-app {
|
|
|
|
padding-bottom: $dash_padding;
|
2022-10-13 16:51:17 +00:00
|
|
|
color: $system_fg_color;
|
2022-02-15 16:00:51 +00:00
|
|
|
}
|
2021-02-04 12:26:23 +00:00
|
|
|
}
|
2021-02-04 17:27:30 +00:00
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
// separator between favourites and running apps
|
2021-02-04 17:27:30 +00:00
|
|
|
.dash-separator {
|
|
|
|
width: 1px;
|
2022-02-15 16:00:51 +00:00
|
|
|
margin: 0 $base_margin;
|
2022-10-13 16:51:17 +00:00
|
|
|
background-color: $system_borders_color;
|
2022-02-15 16:00:51 +00:00
|
|
|
margin-bottom: $dash_padding;
|
2022-11-03 15:28:24 +00:00
|
|
|
@if $is_highcontrast {
|
|
|
|
width: 2px;
|
|
|
|
}
|
2021-01-28 22:24:44 +00:00
|
|
|
}
|
|
|
|
|
2019-12-18 21:25:03 +00:00
|
|
|
// OSD Tooltip
|
|
|
|
.dash-label {
|
2022-11-03 15:28:24 +00:00
|
|
|
@extend %tooltip;
|
2021-12-28 13:46:54 +00:00
|
|
|
-y-offset: $base_margin * 2; // distance from the dash edge
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|