Fixed issue

This commit is contained in:
Vince 2021-04-09 10:59:02 +08:00
parent 8ad9f7ebb7
commit 949c611ec6
3 changed files with 10 additions and 19 deletions

View File

@ -6,7 +6,7 @@ $app_grid_fg_color: #fff;
%icon_tile { %icon_tile {
color: $light_alt_fg_color; color: $light_alt_fg_color;
border-radius: $bd_radius * 1.5; border-radius: $bd_radius * 1.5;
padding: 6px; padding: 8px;
border: none; border: none;
transition-duration: $longer_duration; transition-duration: $longer_duration;
text-align: center; text-align: center;
@ -14,14 +14,9 @@ $app_grid_fg_color: #fff;
%app-well-app, %app-well-app,
.show-apps, .show-apps,
.app-well-app, .app-well-app {
.grid-search-result {
& .overview-icon { & .overview-icon {
@extend %icon_tile !optional; @extend %icon_tile !optional;
&, & > StIcon {
icon-shadow: $panel_asset_shadow;
}
} }
&:hover .overview-icon, &:hover .overview-icon,

View File

@ -7,18 +7,19 @@
// separator // separator
.search-section-separator { .search-section-separator {
height: 1px; height: 0;
background-color: $light_divider_color; background-color: $light_divider_color;
} }
} }
// content // content
.search-section-content { // This is the space between the provider icon and the results container .search-section-content { // This is the space between the provider icon and the results container
spacing: 32px; spacing: $base_margin * 2;
border-radius: 0; border-radius: $bt_radius;
padding: $base_padding * 3;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: $light_divider_color;
text-shadow: none; text-shadow: none;
color: $light_alt_fg_color; color: $light_alt_fg_color;
} }
@ -29,11 +30,10 @@
} }
//Icon tile //Icon tile
.search-provider-icon,
.list-search-result { .list-search-result {
@extend %icon_tile;
&:focus, &:selected, &:hover { &:focus, &:selected, &:hover {
background-color: $light_divider_color; background-color: $light_divider_color;
transition-duration: 200ms;
} }
&:active, &:checked { &:active, &:checked {
background-color: $light_track_color; background-color: $light_track_color;
@ -42,8 +42,6 @@
// search result provider // search result provider
.search-provider-icon { .search-provider-icon {
@extend %app-well-app;
// content // content
.list-search-provider-content { .list-search-provider-content {
spacing: 12px; spacing: 12px;

View File

@ -1,8 +1,6 @@
#searchResultsContent { #searchResultsContent {
max-width: 1000px; max-width: 1024px;
padding-left: 20px; spacing: 8px;
padding-right: 20px;
spacing: 16px;
} }
.list-search-results { spacing: 3px; } .list-search-results { spacing: 3px; }