zaclys/searxng
1
0
Fork 1
mirror of https://github.com/searxng/searxng synced 2024-01-01 19:24:07 +01:00
Code Issues Projects Releases Packages Wiki Activity

[theme] cleanup grid layout and remove various margins and paddings from elements

Browse source
This commit is contained in:
MrPaulBlack 2021-09-25 15:59:10 +02:00 • committed by Markus Heiser
parent cc3c54f4cd
commit 385dce213b
4 changed files with 52 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

57
searx/static/themes/simple/src/less/style.less
View file

@ -78,8 +78,8 @@ footer {
padding: 1em 0;
width: 100%;
text-align: center;
background-color: #f2f2f2;
border-top: 1px solid #e4e4e4;
background-color: @color-footer-background;
border-top: 1px solid @color-footer-border;
overflow: hidden;
p {
@ -102,7 +102,6 @@ footer {
input[type="submit"],
#results button[type="submit"] {
padding: 0.5rem;
margin: 2px 4px;
display: inline-block;
background: @color-download-button-background;
color: @color-download-button-font;
@ -365,11 +364,11 @@ article.result-images[data-vim-selected]::before {
}
#results {
margin: 2rem 2rem 0 2rem;
margin: 2rem 2rem 0 @results-offset;
display: grid;
grid-template-columns: (@results-width + @results-offset) 1fr;
grid-template-rows: min-content 1fr min-content;
gap: 0 3rem;
grid-template-columns: (@results-width + @results-offset) 25em;
grid-template-rows: min-content min-content 1fr min-content;
gap: 0 @results-gap;
grid-template-areas:
"answers sidebar"
"suggestions sidebar"
@ -384,7 +383,6 @@ article.result-images[data-vim-selected]::before {
}
#urls {
margin: 0.5em 2em 20px 0;
padding: 0;
grid-area: urls;
}
@ -486,9 +484,6 @@ article.result-images[data-vim-selected]::before {
#sidebar {
grid-area: sidebar;
margin: 0 2px 5px 5px;
padding: 0 2px 2px;
max-width: 25em;
word-wrap: break-word;
.infobox {
@ -592,7 +587,7 @@ article.result-images[data-vim-selected]::before {
background: white;
position: fixed;
bottom: 85px;
left: @results-width;
left: @results-width + @results-offset + @results-gap;
transition: opacity 0.5s;
opacity: 0;
@ -632,8 +627,6 @@ article.result-images[data-vim-selected]::before {
}
#sidebar {
max-width: @results-width;
margin: 0 0 2px 0;
padding: 0;
float: none;
border: none;
@ -698,14 +691,18 @@ article.result-images[data-vim-selected]::before {
max-width: 98%;
}
}
#backToTop {
left: @results-width;
}
}
#main_results div#results.only_template_images {
margin: 2rem 2rem 0 2rem;
margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
display: grid;
grid-template-columns: 100%;
grid-template-rows: min-content min-content 1fr min-content min-content;
gap: 0 3rem;
gap: 0;
grid-template-areas:
"answers"
"suggestions"
@ -715,7 +712,7 @@ article.result-images[data-vim-selected]::before {
#urls {
width: inherit;
margin: 0 0 20px 0;
margin: 0;
}
#backToTop {
@ -724,23 +721,27 @@ article.result-images[data-vim-selected]::before {
}
}
/*
@media screen and (max-width: 1250px) {
#main_results div#results {
margin: 2rem 2rem 0 2rem;
margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
display: grid;
grid-template-columns: (@results-width + @results-offset) 1fr;
grid-template-columns: 50em;
grid-template-rows: min-content min-content min-content 1fr min-content min-content;
gap: 0 3rem;
gap: 0;
grid-template-areas:
"answers empty"
"suggestions empty"
"sidebar empty"
"urls empty"
"pagination empty";
}
"answers"
"suggestions"
"sidebar"
"urls"
"pagination";
}
}
@media screen and (max-width: 50em) {
#main_results div#results {
grid-template-columns: 100%;
}
}
*/
@media screen and (max-width: @results-width) {
article[data-vim-selected]::before {