2019-12-18 21:25:03 +00:00
|
|
|
/* Dash */
|
|
|
|
|
|
|
|
$dash_placeholder_size: 32px;
|
|
|
|
$dash_border_radius: $modal_radius * 1.5;
|
|
|
|
|
|
|
|
#dash {
|
2019-12-19 15:38:27 +00:00
|
|
|
@extend %overview_panel;
|
2019-12-19 16:09:33 +00:00
|
|
|
@include fontsize($base_font_size - 2);
|
2019-12-19 15:38:27 +00:00
|
|
|
padding: 0;
|
|
|
|
padding-bottom: $base_padding + 4px;
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 15:38:27 +00:00
|
|
|
//fixme: can't have non uniform borders :(
|
|
|
|
border-radius: 0 $dash_border_radius $dash_border_radius 0;
|
|
|
|
border-left-width: 0 !important;
|
|
|
|
&:rtl {
|
|
|
|
border-radius: $dash_border_radius 0 0 $dash_border_radius;
|
|
|
|
border-right-width: 0 !important;
|
|
|
|
}
|
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
|
|
|
}
|
|
|
|
|
|
|
|
// Dash Items
|
|
|
|
.dash-item-container > StWidget {
|
2019-12-19 15:38:27 +00:00
|
|
|
padding: $base_padding + 4px;
|
|
|
|
padding-bottom: 0;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// OSD Tooltip
|
|
|
|
.dash-label {
|
2019-12-19 15:38:27 +00:00
|
|
|
background-color: transparentize($osd_bg_color,0.05);
|
|
|
|
border-radius: $base_border_radius + 2px;
|
|
|
|
border:none;
|
|
|
|
box-shadow:0 0 0 1px $osd_outer_borders_color;
|
|
|
|
color: $osd_fg_color;
|
2019-12-19 19:11:59 +00:00
|
|
|
margin-top: $base_margin + 4px;
|
2019-12-19 15:38:27 +00:00
|
|
|
padding: $base_padding $base_padding + 2px;
|
|
|
|
text-align: center;
|
|
|
|
-x-offset: $base_margin * 2; // distance from the dash edge
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Show apps button
|
|
|
|
.show-apps {
|
2019-12-19 15:38:27 +00:00
|
|
|
color: $osd_fg_color;
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-20 21:19:39 +00:00
|
|
|
& .overview-icon {
|
2019-12-19 15:38:27 +00:00
|
|
|
@extend %icon_tile;
|
|
|
|
color: $osd_fg_color;
|
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 19:11:59 +00:00
|
|
|
&:hover,
|
|
|
|
&:focus,
|
|
|
|
&:selected {
|
|
|
|
.overview-icon {
|
|
|
|
background-color: transparentize($osd_fg_color,0.9);
|
|
|
|
color: $osd_fg_color;
|
|
|
|
}
|
2019-12-19 15:38:27 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 15:38:27 +00:00
|
|
|
&:drop .overview-icon {
|
|
|
|
background-color: transparentize($selected_bg_color,.15);
|
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 19:11:59 +00:00
|
|
|
&:active, &:checked {
|
|
|
|
.overview-icon {
|
|
|
|
background-color: darken($osd_bg_color,10%);
|
|
|
|
}
|
2019-12-19 15:38:27 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 19:11:59 +00:00
|
|
|
&:checked, &:focus {
|
|
|
|
.show-apps-icon {
|
|
|
|
color: $fg_color;
|
|
|
|
transition-duration: 100ms;
|
|
|
|
}
|
2019-12-19 15:38:27 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|