4de96ac737
- simplified drawing functions - refactored button drawing - dropped arrow from all popovers - cleaned out some legacy css - fixed many of the issues in #4969 Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2150>
83 lines
1.8 KiB
SCSS
83 lines
1.8 KiB
SCSS
/* Dash */
|
|
|
|
$dash_background_color: lighten($system_bg_color, 5%);
|
|
$dash_placeholder_size: 32px;
|
|
$dash_padding: $base_padding + 4px; // 10px
|
|
$dash_spacing: $base_padding / 4;
|
|
$dash_bottom_margin: $base_margin * 4;
|
|
$dash_border_radius: $modal_radius + 8px;
|
|
|
|
// container for the dash
|
|
#dash {
|
|
@include fontsize($base_font_size - 2);
|
|
margin-top: $base_margin * 3;
|
|
padding: $dash_padding;
|
|
|
|
.placeholder {
|
|
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
|
|
background-image:none;
|
|
background-size: contain;
|
|
height: $dash_placeholder_size;
|
|
}
|
|
|
|
.empty-dash-drop-target {
|
|
width: $dash_placeholder_size;
|
|
height: $dash_placeholder_size;
|
|
}
|
|
|
|
// icon on the dash
|
|
.overview-icon {
|
|
padding: $base_padding+2px;
|
|
}
|
|
|
|
// Running app indicator (also shown in app grid)
|
|
.app-well-app-running-dot {
|
|
height: 5px;
|
|
width: 5px;
|
|
border-radius:5px;
|
|
background-color: $osd_fg_color;
|
|
margin-top: 2px;
|
|
margin-bottom: 12px;
|
|
}
|
|
}
|
|
|
|
// background of the dash behind app icons
|
|
.dash-background {
|
|
background-color: $dash_background_color;
|
|
border-radius: $dash_border_radius;
|
|
margin-bottom: 0; // this keeps things vertically centered
|
|
padding: $dash_padding;
|
|
}
|
|
|
|
// items on the dash
|
|
.dash-item-container {
|
|
|
|
// each app item on the dash
|
|
.app-well-app {
|
|
margin: 2px;
|
|
}
|
|
|
|
// show apps button
|
|
.show-apps {
|
|
@include overview_icon($osd_fg_color);
|
|
margin: 2px;
|
|
}
|
|
}
|
|
|
|
// separator between favourites and running apps
|
|
.dash-separator {
|
|
width: 1px;
|
|
margin: 0 $base_margin*2;
|
|
background-color: transparentize($borders_color,0.2);
|
|
}
|
|
|
|
// OSD Tooltip
|
|
.dash-label {
|
|
color: $osd_fg_color;
|
|
background-color: $osd_bg_color;
|
|
border-radius: 99px;
|
|
padding: $base_padding $base_padding * 2;
|
|
text-align: center;
|
|
-y-offset: $base_margin * 2; // distance from the dash edge
|
|
}
|