This commit is contained in:
Vince 2022-10-09 23:40:31 +08:00
parent 730443bb31
commit 5563ffe27c
4 changed files with 88 additions and 8 deletions

View file

@ -36,8 +36,9 @@ $light_alt_fg_color: rgba(white, 0.85);
$light_hint_fg_color: rgba(white, 0.50); $light_hint_fg_color: rgba(white, 0.50);
$light_disabled_fg_color: rgba(white, 0.45); $light_disabled_fg_color: rgba(white, 0.45);
$light_alt_disabled_fg_color: rgba(white, 0.35); $light_alt_disabled_fg_color: rgba(white, 0.35);
$light_track_color: rgba(white, 0.28); $light_track_color: rgba(white, 0.2);
$light_divider_color: rgba(white, 0.15); $light_divider_color: rgba(white, 0.12);
$light_fill_color: rgba(white, 0.06);
$selected_fg_color: $light_fg_color; $selected_fg_color: $light_fg_color;
$selected_bg_color: if($colorscheme == 'nord', $nord_color_default, $theme_color_default); $selected_bg_color: if($colorscheme == 'nord', $nord_color_default, $theme_color_default);

View file

@ -31,7 +31,7 @@
@import 'common/switches'; @import 'common/switches';
@import 'common/tiled-previews'; @import 'common/tiled-previews';
@import 'common/workspace-switcher'; @import 'common/workspace-switcher';
@import 'widgets-40-0/app-grid'; @import 'widgets-42-0/app-grid';
@import 'widgets-40-0/dash'; @import 'widgets-40-0/dash';
@import 'widgets-40-0/misc'; @import 'widgets-40-0/misc';
@import 'widgets-40-0/overview'; @import 'widgets-40-0/overview';

View file

@ -3,7 +3,7 @@
border-radius: $modal_radius * 2; border-radius: $modal_radius * 2;
.icon-button, .button { .icon-button, .button {
padding: $base_padding * 1.75; padding: $container_padding;
} }
} }
@ -148,16 +148,20 @@
background-color: $fill_color; background-color: $fill_color;
color: $text_color; color: $text_color;
border-radius: $circular_radius; border-radius: $circular_radius;
min-height: 24px; min-height: 24px !important;
min-width: 24px; min-width: 24px !important;
// padding: $container_padding;
&:hover { @include button(flat-hover); } &:hover { @include button(flat-hover); }
&:active { @include button(flat-active); } &:active { @include button(flat-active); }
> StIcon { -st-icon-style: symbolic; } > StIcon {
-st-icon-style: symbolic;
icon-size: $base_icon_size;
}
} }
& .power-item { .power-item {
min-height: 0; min-height: 0;
min-width: 0; min-width: 0;

View file

@ -0,0 +1,75 @@
// app icons
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 72px;
max-column-spacing: 72px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 12px;
page-padding-right: 12px;
}
.app-folder-dialog {
.page-navigation-hint {
width: if($laptop == 'true', 60px, 80px);
}
.page-navigation-arrow {
margin: 18px;
}
}
.apps-scroll-view {
padding: 0;
}
.page-navigation-hint {
width: if($laptop == 'true', 220px, 300px);
&.dnd {
background: rgba(255, 255, 255, 0.1);
}
&.next:ltr,
&.previous:rtl {
background-gradient-start: $light_divider_color;
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: $modal_radius 0px 0px $modal_radius;
}
&.previous:ltr,
&.next:rtl {
background-gradient-start: transparent;
background-gradient-end: $light_divider_color;
background-gradient-direction: horizontal;
border-radius: 0px $modal_radius $modal_radius 0px;
}
}
.page-navigation-arrow {
& > StIcon {
margin: $base_padding;
padding: $base_padding * 3;
width: 24px;
height: 24px;
border-radius: $circular_radius;
}
&:insensitive > StIcon {
backround-color: $light_fill_color;
color: $light_fg_color;
}
&:hover > StIcon {
backround-color: $light_divider_color;
color: $light_fg_color;
}
&:active > StIcon {
backround-color: $light_track_color;
color: $light_fg_color;
}
}