Fixed issues

pull/255/head
vinceliuice 4 years ago
parent fc678105cf
commit 2c4f252eb0

@ -37,24 +37,28 @@
(bottom, top),
(left, right),
(right, left) {
&.#{$_pos} #dash .dash-background {
border-radius: $dash_border_radius !important;
}
&.#{$_pos}.straight-corner,
&.#{$_pos}.shrink.straight-corner,
&.#{$_pos}.extended,
&.#{$_pos}.shrink.extended {
&, #dash {
#dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
.dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
}
.dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
}
.dash-item-container .app-well-app, .show-apps {
margin: 0 !important;
.dash-item-container .app-well-app, .show-apps {
margin: 0 !important;
}
}
}
}
@ -62,7 +66,7 @@
&.extended,
&.straight-corner {
.dash-background {
border-radius: 0;
border-radius: 0 !important;
}
}

@ -3,7 +3,7 @@
%icon_tile {
color: $inverse_fg_color;
border-radius: $buttons_radius * 1.5;
padding: 6px;
padding: $container_padding;
border: none;
transition-duration: $longer_duration;
text-align: center;
@ -28,7 +28,7 @@
.show-apps,
.app-well-app,
.grid-search-result {
& .overview-icon {
.overview-icon {
@extend %icon_tile;
}
@ -52,7 +52,7 @@
padding: 10px 8px 5px 8px;
> StBoxLayout {
spacing: 6px;
spacing: $container_padding;
}
}
}
@ -79,17 +79,17 @@
background-color: rgba($system_bg_color, 0.95);
spacing: 6px;
& .folder-name-container {
.folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
& .folder-name-label,
& .folder-name-entry {
.folder-name-label,
.folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
& .folder-name-entry {
.folder-name-entry {
min-height: 28px;
padding: $container_padding;
border: none;
@ -117,9 +117,9 @@
}
/* FIXME: this is to keep the label in sync with the entry */
& .folder-name-label { padding: 5px 7px; color: $inverse_secondary_fg_color; }
.folder-name-label { padding: 5px 7px; color: $inverse_secondary_fg_color; }
& .edit-folder-button {
.edit-folder-button {
background-color: $inverse_divider_color;
color: $inverse_secondary_fg_color;
border: none;
@ -128,14 +128,14 @@
padding: $container_padding;
border-radius: if($corner-style == 'circular', $circular_radius, $buttons_radius);
& > StIcon { icon-size: 16px }
> StIcon { icon-size: 16px }
&:hover { background-color: $inverse_divider_color; }
&:checked, &:active { background-color: $inverse_track_color; }
}
}
& .icon-grid {
.icon-grid {
row-spacing: 12px;
column-spacing: 30px;
page-padding-top: 0;
@ -144,7 +144,7 @@
page-padding-right: 0;
}
& .page-indicators {
.page-indicators {
margin-bottom: 18px;
}
}

@ -2,15 +2,15 @@
$dash_background_color: rgba(white, 0.2);
$dash_placeholder_size: 32px;
$dash_padding: 10px;
$dash_padding: $container_padding * 2;
$dash_spacing: 2px;
$dash_bottom_margin: 16px;
$dash_bottom_margin: $dash_padding;
$dash_border_radius: if($corner-style == 'circular', $circular_radius, $buttons_radius + $dash_padding + $dash_spacing);
#dash {
// font-size: 1em;
margin-top: $container_padding * 2;
padding: 0 $dash_spacing;
margin-top: $dash_padding;
padding: 0;
.placeholder {
background-image: none;
@ -23,27 +23,42 @@ $dash_border_radius: if($corner-style == 'circular', $circular_radius, $buttons_
height: $dash_placeholder_size;
}
.overview-icon {
padding: $dash_padding / 2;
border-radius: if($corner-style == 'circular', $circular_radius, $buttons_radius);
// Running app indicator (also shown in app grid)
.app-well-app-running-dot {
margin-bottom: $dash_padding + $container_padding / 2; // hardcoded
}
}
.dash-background {
background-color: $dash_background_color;
margin-bottom: $dash_bottom_margin;
padding: $dash_padding + $dash_spacing $dash_padding;
padding: $dash_padding;
spacing: $container_padding;
border-radius: $dash_border_radius;
}
// Dash Items
.dash-item-container .app-well-app, .show-apps {
padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin;
// items on the dash
.dash-item-container {
> * { margin: 0 $dash_spacing; }
&:ltr:first-child { margin-left: 0; }
&:rtl:first-child { margin-right: 0; }
.show-apps, .app-well-app {
padding-bottom: $dash_padding;
.overview-icon {
padding: $container_padding;
border-radius: if($corner-style == 'circular', $circular_radius, $buttons_radius);
}
}
}
.dash-separator {
width: 1px;
margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
margin: 0 $container_margin;
margin-bottom: $dash_padding;
background-color: rgba(white, 0.15);
}

@ -78,7 +78,7 @@
.quick-slider {
padding: 0 $container_padding;
& > StBoxLayout { spacing: $container_padding; }
> StBoxLayout { spacing: $container_padding; }
.slider-bin {
&:focus { @include button(focus); }

@ -2267,7 +2267,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 8px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2281,25 +2281,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 10px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 8px;
padding: 8px;
spacing: 4px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 8px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 4px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 2px;
margin-bottom: 8px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2321,7 +2339,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.app-well-app .overview-icon, .search-provider-icon, .list-search-result {
color: rgba(255, 255, 255, 0.85);
border-radius: 12px;
padding: 6px;
padding: 4px;
border: none;
transition-duration: 150ms;
text-align: center;
@ -2376,7 +2394,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout,
.show-apps .overview-icon.overview-icon-with-label > StBoxLayout,
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px;
spacing: 4px;
}
/* App Folders */
@ -2407,7 +2425,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -3500,72 +3519,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -3602,15 +3637,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 8px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 8px 16px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 8px 6px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -3619,15 +3654,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 1px 16px !important;
padding: 0 1px 8px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 6px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 8px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2267,7 +2267,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 8px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2281,25 +2281,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 10px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 8px;
padding: 8px;
spacing: 4px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 8px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 4px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 2px;
margin-bottom: 8px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2321,7 +2339,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.app-well-app .overview-icon, .search-provider-icon, .list-search-result {
color: rgba(255, 255, 255, 0.85);
border-radius: 12px;
padding: 6px;
padding: 4px;
border: none;
transition-duration: 150ms;
text-align: center;
@ -2376,7 +2394,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout,
.show-apps .overview-icon.overview-icon-with-label > StBoxLayout,
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px;
spacing: 4px;
}
/* App Folders */
@ -2407,7 +2425,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -3500,72 +3519,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -3602,15 +3637,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 8px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 8px 16px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 8px 6px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -3619,15 +3654,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 1px 16px !important;
padding: 0 1px 8px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 6px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 8px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2267,7 +2267,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 12px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2281,25 +2281,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 15px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 12px;
padding: 12px;
spacing: 6px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 12px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 6px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 4px;
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2407,7 +2425,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -3500,72 +3519,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -3602,15 +3637,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 12px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 12px 24px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 12px 10px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -3619,15 +3654,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 2px 16px !important;
padding: 0 2px 12px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 8px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 12px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2267,7 +2267,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 12px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2281,25 +2281,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 15px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 12px;
padding: 12px;
spacing: 6px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 12px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 6px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 4px;
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2407,7 +2425,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -3500,72 +3519,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -3602,15 +3637,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 12px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 12px 24px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 12px 10px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -3619,15 +3654,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 2px 16px !important;
padding: 0 2px 12px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 8px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 12px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2611,7 +2611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 8px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2625,25 +2625,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 10px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 8px;
padding: 8px;
spacing: 4px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 8px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 4px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 2px;
margin-bottom: 8px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2665,7 +2683,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.app-well-app .overview-icon, .search-provider-icon, .list-search-result {
color: rgba(255, 255, 255, 0.85);
border-radius: 12px;
padding: 6px;
padding: 4px;
border: none;
transition-duration: 150ms;
text-align: center;
@ -2720,7 +2738,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout,
.show-apps .overview-icon.overview-icon-with-label > StBoxLayout,
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px;
spacing: 4px;
}
/* App Folders */
@ -2751,7 +2769,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -4052,72 +4071,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -4154,15 +4189,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 8px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 8px 16px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 8px 6px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -4171,15 +4206,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 1px 16px !important;
padding: 0 1px 8px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 6px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 8px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2615,7 +2615,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 8px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2629,25 +2629,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 10px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 8px;
padding: 8px;
spacing: 4px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 8px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 4px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 2px;
margin-bottom: 8px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2669,7 +2687,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.app-well-app .overview-icon, .search-provider-icon, .list-search-result {
color: rgba(255, 255, 255, 0.85);
border-radius: 12px;
padding: 6px;
padding: 4px;
border: none;
transition-duration: 150ms;
text-align: center;
@ -2724,7 +2742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout,
.show-apps .overview-icon.overview-icon-with-label > StBoxLayout,
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px;
spacing: 4px;
}
/* App Folders */
@ -2755,7 +2773,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -4056,72 +4075,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -4158,15 +4193,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 8px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 8px 16px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 8px 6px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -4175,15 +4210,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 1px 16px !important;
padding: 0 1px 8px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 6px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 8px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2615,7 +2615,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 12px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2629,25 +2629,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 15px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 12px;
padding: 12px;
spacing: 6px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 12px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 6px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 4px;
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2755,7 +2773,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -4056,72 +4075,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -4158,15 +4193,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 12px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 12px 24px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 12px 10px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -4175,15 +4210,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 2px 16px !important;
padding: 0 2px 12px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 8px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 12px 2px !important;
}
#dashtodockContainer #dash .dash-background {

@ -2611,7 +2611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Dash */
#dash {
margin-top: 12px;
padding: 0 2px;
padding: 0;
}
#dash .placeholder {
@ -2625,25 +2625,43 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
height: 32px;
}
#dash .overview-icon {
padding: 5px;
border-radius: 9999px;
#dash .app-well-app-running-dot {
margin-bottom: 15px;
}
.dash-background {
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 16px;
padding: 12px 10px;
margin-bottom: 12px;
padding: 12px;
spacing: 6px;
border-radius: 9999px;
}
.dash-item-container .app-well-app, .show-apps {
padding: 10px 2px 26px;
.dash-item-container > * {
margin: 0 2px;
}
.dash-item-container:ltr:first-child {
margin-left: 0;
}
.dash-item-container:rtl:first-child {
margin-right: 0;
}
.dash-item-container .show-apps, .dash-item-container .app-well-app {
padding-bottom: 12px;
}
.dash-item-container .show-apps .overview-icon, .dash-item-container .app-well-app .overview-icon {
padding: 6px;
border-radius: 9999px;
}
.dash-separator {
width: 1px;
margin: 0 7px 16px;
margin: 0 4px;
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.15);
}
@ -2751,7 +2769,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 18pt;
font-weight: 800;
}
@ -4052,72 +4071,88 @@ StWidget.focused .app-well-app-running-dot {
text-align: center;
}
#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
#dashtodockContainer.top #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
#dashtodockContainer.top.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner #dash .show-apps, #dashtodockContainer.top.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .show-apps, #dashtodockContainer.top.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
#dashtodockContainer.bottom #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
#dashtodockContainer.bottom.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner #dash .show-apps, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .show-apps, #dashtodockContainer.bottom.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
#dashtodockContainer.left #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
#dashtodockContainer.left.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner #dash .show-apps, #dashtodockContainer.left.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .show-apps, #dashtodockContainer.left.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
#dashtodockContainer.right #dash .dash-background {
border-radius: 9999px !important;
}
#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
margin: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
#dashtodockContainer.right.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner #dash .show-apps, #dashtodockContainer.right.shrink.straight-corner #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .show-apps, #dashtodockContainer.right.shrink.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended #dash .show-apps {
margin: 0 !important;
}
#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
border-radius: 0;
border-radius: 0 !important;
}
#dashtodockContainer.shrink .dash-background {
@ -4154,15 +4189,15 @@ StWidget.focused .app-well-app-running-dot {
}
#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
padding: 2px 10px !important;
padding: 2px 12px !important;
}
#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
padding: 2px 10px 20px !important;
padding: 2px 12px 24px !important;
}
#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
padding: 10px 8px !important;
padding: 12px 10px !important;
}
#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
@ -4171,15 +4206,15 @@ StWidget.focused .app-well-app-running-dot {
#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
margin: 0 !important;
padding: 0 2px 16px !important;
padding: 0 2px 12px !important;
}
#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
margin: 0 7px !important;
margin: 0 8px !important;
}
#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
padding: 10px 2px !important;
padding: 12px 2px !important;
}
#dashtodockContainer #dash .dash-background {

Loading…
Cancel
Save