Fixed issues

This commit is contained in:
vinceliuice
2024-06-10 01:04:43 +08:00
parent 1a13048ea1
commit a5e8268d08
3 changed files with 39 additions and 8 deletions

View File

@@ -18,7 +18,7 @@
color: white; color: white;
background-color: rgba(black, 0.75); background-color: rgba(black, 0.75);
text-align: center; text-align: center;
padding: 0.4em 0.5em; padding: 0.2em 0.4em;
} }
.notification-badge { .notification-badge {
@@ -29,7 +29,7 @@
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: $circular-radius; border-radius: $circular-radius;
margin: 2px 3px 5px; margin: 2px 3px 5px;
padding: 3px; padding: 0.2em 0.4em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
@@ -276,9 +276,22 @@
background-color: $panel; background-color: $panel;
} }
.overview-tile,
.show-apps {
.overview-icon {
color: $panel-text;
}
&:focus .overview-icon { background-color: $panel-fill; }
&:hover .overview-icon { background-color: $panel-divider; }
&:active .overview-icon { background-color: $panel-track; }
&:checked .overview-icon { background-color: $panel-divider; }
}
.app-grid-running-dot { .app-grid-running-dot {
margin-bottom: 6px !important; margin: 0 !important;
margin-top: 0 !important; offset-y: 0 !important;
background-color: $panel-text-disabled;
} }
StWidget.focused .app-grid-running-dot { StWidget.focused .app-grid-running-dot {
@@ -297,8 +310,24 @@
&:overview #dash { // overview-mode #1 &:overview #dash { // overview-mode #1
background: none; background: none;
.overview-tile,
.show-apps {
.overview-icon {
color: on($osd);
}
&:focus .overview-icon { background-color: on($osd, fill); }
&:hover .overview-icon { background-color: on($osd, divider); }
&:active .overview-icon { background-color: on($osd, track); }
&:checked .overview-icon { background-color: on($osd, divider); }
}
.dash-background { .dash-background {
background-color: on(dark, divider); background-color: on($osd, divider);
}
.app-grid-running-dot {
background-color: on($osd, disabled);
} }
StWidget.focused .app-grid-running-dot { StWidget.focused .app-grid-running-dot {

View File

@@ -11,7 +11,9 @@ $dash_spacing: $base_margin * 0.5;
// container for the dash // container for the dash
#dash { #dash {
margin-top: $dash_edge_offset; // a bit of spacing so that dash doesn't touch the screen edges
padding-left: $base_padding;
padding-right: $base_padding;
// background behind item container // background behind item container
.dash-background { .dash-background {
@@ -69,7 +71,7 @@ $dash_spacing: $base_margin * 0.5;
// running app dot // running app dot
.app-grid-running-dot { .app-grid-running-dot {
// manually position the dot within the dash item // manually position the dot within the dash item
margin-bottom: $dash_padding + $dash_edge_offset - 6px; // 3px = size of dot (5px) subtracted from its translationY from appDisplay.js offset-y: -$dash_padding;
} }
} }

View File

@@ -1,7 +1,7 @@
.quick-settings { .quick-settings {
padding: $base_padding * 3 !important; padding: $base_padding * 3 !important;
border-radius: $base_radius + $base_padding * 3 !important; border-radius: $base_radius + $base_padding * 3 !important;
margin-top: $base_padding + 4px !important; margin-top: 4px !important;
.icon-button, .button { .icon-button, .button {
padding: $base_padding * 1.75; padding: $base_padding * 1.75;