diff --git a/src/gnome-shell/sass/_extensions-40-0.scss b/src/gnome-shell/sass/_extensions-40-0.scss index 0f1b9d7..14f4894 100644 --- a/src/gnome-shell/sass/_extensions-40-0.scss +++ b/src/gnome-shell/sass/_extensions-40-0.scss @@ -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; } } diff --git a/src/gnome-shell/sass/widgets/_app-grid.scss b/src/gnome-shell/sass/widgets/_app-grid.scss index 117e12c..484df11 100644 --- a/src/gnome-shell/sass/widgets/_app-grid.scss +++ b/src/gnome-shell/sass/widgets/_app-grid.scss @@ -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; } } diff --git a/src/gnome-shell/sass/widgets/_dash.scss b/src/gnome-shell/sass/widgets/_dash.scss index 0d448db..9fba070 100644 --- a/src/gnome-shell/sass/widgets/_dash.scss +++ b/src/gnome-shell/sass/widgets/_dash.scss @@ -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); } diff --git a/src/gnome-shell/sass/widgets/_quick-settings.scss b/src/gnome-shell/sass/widgets/_quick-settings.scss index 8bb696d..30e4b73 100644 --- a/src/gnome-shell/sass/widgets/_quick-settings.scss +++ b/src/gnome-shell/sass/widgets/_quick-settings.scss @@ -78,7 +78,7 @@ .quick-slider { padding: 0 $container_padding; - & > StBoxLayout { spacing: $container_padding; } + > StBoxLayout { spacing: $container_padding; } .slider-bin { &:focus { @include button(focus); } diff --git a/src/gnome-shell/shell-40-0/gnome-shell-Compact.css b/src/gnome-shell/shell-40-0/gnome-shell-Compact.css index ccfafa9..999922d 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell-Compact.css +++ b/src/gnome-shell/shell-40-0/gnome-shell-Compact.css @@ -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 { diff --git a/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css b/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css index e36d357..785f9f4 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css +++ b/src/gnome-shell/shell-40-0/gnome-shell-Dark-Compact.css @@ -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 { diff --git a/src/gnome-shell/shell-40-0/gnome-shell-Dark.css b/src/gnome-shell/shell-40-0/gnome-shell-Dark.css index 5b95982..215906f 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell-Dark.css +++ b/src/gnome-shell/shell-40-0/gnome-shell-Dark.css @@ -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 { diff --git a/src/gnome-shell/shell-40-0/gnome-shell.css b/src/gnome-shell/shell-40-0/gnome-shell.css index f287cd4..fe3da65 100644 --- a/src/gnome-shell/shell-40-0/gnome-shell.css +++ b/src/gnome-shell/shell-40-0/gnome-shell.css @@ -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 { diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Compact.css b/src/gnome-shell/shell-42-0/gnome-shell-Compact.css index 2f6f443..0ff5488 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell-Compact.css +++ b/src/gnome-shell/shell-42-0/gnome-shell-Compact.css @@ -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 { diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css b/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css index 3ae3cee..587110c 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css +++ b/src/gnome-shell/shell-42-0/gnome-shell-Dark-Compact.css @@ -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 { diff --git a/src/gnome-shell/shell-42-0/gnome-shell-Dark.css b/src/gnome-shell/shell-42-0/gnome-shell-Dark.css index 0476e2e..b2e8470 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell-Dark.css +++ b/src/gnome-shell/shell-42-0/gnome-shell-Dark.css @@ -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 { diff --git a/src/gnome-shell/shell-42-0/gnome-shell.css b/src/gnome-shell/shell-42-0/gnome-shell.css index 77a1ac7..02a87f5 100644 --- a/src/gnome-shell/shell-42-0/gnome-shell.css +++ b/src/gnome-shell/shell-42-0/gnome-shell.css @@ -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 {