[simple theme] result layout suggestions

This commit is contained in:
MrPaulBlack 2021-11-03 21:58:07 +01:00 committed by Markus Heiser
parent 4887c25e7f
commit e05bcd4311
2 changed files with 28 additions and 16 deletions

View file

@ -93,7 +93,7 @@
--color-toolkit-select-border-hover: #bbb; --color-toolkit-select-border-hover: #bbb;
--color-toolkit-checkbox-onoff-background: #ddd; --color-toolkit-checkbox-onoff-background: #ddd;
--color-toolkit-checkbox-onoff-label-background: #3050ff; --color-toolkit-checkbox-onoff-label-background: #3050ff;
--color-toolkit-checkbox-onoff-checked-background: #ddd; --color-toolkit-checkbox-onoff-checked-background: #aaa;
--color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #ddd; --color-toolkit-checkbox-label-border: #ddd;
--color-toolkit-checkbox-input-border: #3050ff; --color-toolkit-checkbox-input-border: #3050ff;

View file

@ -140,6 +140,16 @@ article.result-images[data-vim-selected] {
} }
} }
article[data-vim-selected].category-videos,
article[data-vim-selected].category-news,
article[data-vim-selected].category-map,
article[data-vim-selected].category-music,
article[data-vim-selected].category-files,
article[data-vim-selected].category-social {
border: 1px solid var(--color-result-vim-arrow);
.rounded-corners;
}
.result { .result {
margin: @results-margin 0; margin: @results-margin 0;
padding: @result-padding; padding: @result-padding;
@ -237,6 +247,17 @@ article.result-images[data-vim-selected] {
} }
} }
.category-videos,
.category-news,
.category-map,
.category-music,
.category-files,
.category-social {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
.rounded-corners;
}
.category-social .image { .category-social .image {
width: auto !important; width: auto !important;
min-width: 48px; min-width: 48px;
@ -273,7 +294,7 @@ article.result-images[data-vim-selected] {
padding: 0; padding: 0;
position: relative; position: relative;
max-height: 200px; max-height: 200px;
border: none; border: none !important;
img { img {
float: inherit; float: inherit;
@ -666,10 +687,6 @@ article.result-images[data-vim-selected] {
"urls" "urls"
"pagination"; "pagination";
} }
article[data-vim-selected]::before {
left: calc(((100% - @results-width) / 2) - 20px);
}
} }
#main_results div#results.only_template_images { #main_results div#results.only_template_images {
@ -703,12 +720,7 @@ article.result-images[data-vim-selected] {
@media screen and (max-width: @phone) { @media screen and (max-width: @phone) {
#main_results div#results { #main_results div#results {
grid-template-columns: 100%; grid-template-columns: 100%;
margin: 2rem 0 0 0; margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
}
article[data-vim-selected]::before {
display: none;
content: "";
} }
#linkto_preferences { #linkto_preferences {
@ -718,10 +730,6 @@ article.result-images[data-vim-selected] {
right: 0; right: 0;
} }
#sidebar {
margin: 0 5px 2px 5px;
}
#results { #results {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -731,10 +739,14 @@ article.result-images[data-vim-selected] {
margin: 2rem 1rem 0 1rem !important; margin: 2rem 1rem 0 1rem !important;
} }
article[data-vim-selected] {
border: 1px solid var(--color-result-vim-arrow);
.rounded-corners; .rounded-corners;
} }
.result {
border: 1px solid var(--color-result-border); border: 1px solid var(--color-result-border);
margin: 1rem 0;
.rounded-corners; .rounded-corners;
} }