Fixed dash to dock issues

This commit is contained in:
vinceliuice 2023-10-28 22:50:08 +08:00
parent 36cee301ce
commit c58f18f7d3
2 changed files with 90 additions and 8 deletions

View File

@ -58,6 +58,10 @@
margin-top: 0 !important; margin-top: 0 !important;
padding: $dash_padding !important; padding: $dash_padding !important;
#dashtodockDashContainer {
padding: $dash_padding 0 !important;
}
.dash-background { .dash-background {
margin-bottom: 0 !important; margin-bottom: 0 !important;
padding: $dash_padding !important; padding: $dash_padding !important;
@ -67,6 +71,84 @@
padding: $dash_spacing $base_padding !important; padding: $dash_spacing $base_padding !important;
} }
} }
&.extended {
#dash {
#dashtodockDashContainer {
padding: 0 !important;
#dashtodockDashScrollview:first-child {
padding-top: 0 !important;
}
#dashtodockDashScrollview:last-child {
padding-bottom: 0 !important;
}
& > :first-child {
.show-apps {
padding-bottom: $container_padding !important;
}
}
& > :last-child {
.show-apps {
padding-bottom: $dash_padding + $container_padding !important;
}
}
}
}
}
}
&.top,
&.bottom {
#dash {
margin-top: 0 !important;
padding: $dash_padding !important;
#dashtodockDashContainer {
padding: $dash_padding 0 !important;
}
.dash-background {
margin-bottom: 0 !important;
padding: $dash_padding !important;
border-left: none !important;
}
.dash-item-container .app-well-app, .show-apps {
padding: $base_padding $dash_spacing !important;
}
}
&.extended {
#dash {
#dashtodockDashContainer {
padding: 0 !important;
#dashtodockDashScrollview:first-child {
padding-left: 0 !important;
}
#dashtodockDashScrollview:last-child {
padding-right: 0 !important;
}
& > :first-child {
.show-apps {
padding-left: $container_padding !important;
}
}
& > :last-child {
.show-apps {
padding-right: $dash_padding + $container_padding !important;
}
}
}
}
}
} }
#dash { // default-mode #dash { // default-mode
@ -95,12 +177,12 @@
background-color: if($variant == 'light', rgba(white, 0.35), $light_track_color); background-color: if($variant == 'light', rgba(white, 0.35), $light_track_color);
} }
} }
}
.dash-background { .dash-background {
background-color: $dash_bg; background-color: $dash_bg;
border: 1px solid if($variant == 'light', rgba(black, 0.08), rgba(black, 0.75)); border: 1px solid if($variant == 'light', rgba(black, 0.08), rgba(black, 0.75));
box-shadow: inset 0 0 0 1px rgba(white, 0.05); box-shadow: inset 0 0 0 1px rgba(white, 0.05);
}
} }
&:overview #dash { // overview-mode #1 &:overview #dash { // overview-mode #1

View File

@ -23,7 +23,7 @@ $dash_border_radius: $dash_padding * 1.5 + 12px;
.dash-background { .dash-background {
background-color: $dash_background_color; background-color: $dash_background_color;
margin-bottom: $dash_bottom_margin; margin-bottom: $dash_bottom_margin;
padding: $dash_padding $dash_padding - $dash_spacing * 2; padding: $dash_padding $dash_padding - $dash_spacing * 2 !important;
border-radius: $dash_border_radius; border-radius: $dash_border_radius;
} }
@ -34,12 +34,12 @@ $dash_border_radius: $dash_padding * 1.5 + 12px;
> * { margin: 0; } > * { margin: 0; }
.app-well-app, .show-apps { .app-well-app, .show-apps {
padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin; padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin !important;
} }
.overview-icon { .overview-icon {
padding: $dash_padding / 2; padding: $dash_padding / 2;
border-radius: $dash_padding / 2 + 12px; border-radius: $dash_border_radius - $dash_padding;
} }
} }