kamp/searxng
1
0
Fork 0
mirror of https://github.com/searxng/searxng.git synced 2024-07-15 13:50:12 +02:00
Code

Merge pull request #419 from MrPaulBlack/media-queries-names

Browse Source 
[simple theme] less vars for different device sizes
This commit is contained in:
Alexandre Flament 2021-10-20 17:38:46 +02:00 committed by GitHub
commit 8116cfb006
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
searx/static/themes/oscar/css/logicodev-dark.min.css.map
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/css/searxng-rtl.css
View File

@ -1962,7 +1962,7 @@ td:hover .engine-tooltip,
.autocomplete.open:empty {
display: none;
}
@media screen and (max-width: 45rem) {
@media screen and (max-width: 50em) {
.autocomplete {
bottom: 0;
}

2
searx/static/themes/simple/css/searxng-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/css/searxng-rtl.min.css.map
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/css/searxng.css
View File

@ -1962,7 +1962,7 @@ td:hover .engine-tooltip,
.autocomplete.open:empty {
display: none;
}
@media screen and (max-width: 45rem) {
@media screen and (max-width: 50em) {
.autocomplete {
bottom: 0;
}

2
searx/static/themes/simple/css/searxng.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/css/searxng.min.css.map
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/simple/src/less/autocomplete.less
View File

@ -60,7 +60,7 @@
}
}
@media screen and (max-width: @results-width) {
@media screen and (max-width: @phone) {
.autocomplete {
bottom: 0;
}

6
searx/static/themes/simple/src/less/definitions.less
View File

@ -196,6 +196,12 @@ html {
@results-margin: 2rem;
@search-width: 40rem;
/// Device Size
/// @desktop > @tablet
@tablet: 80em;
@phone: 50em;
@small-phone: 35em;
/// From style.less
@stacked-bar-chart: rgb(0, 0, 0);

4
searx/static/themes/simple/src/less/index.less
View File

@ -35,7 +35,7 @@
}
}
@media screen and (max-width: 80em) {
@media screen and (max-width: @tablet) {
div.title {
h1 {
font-size: 1em;
@ -47,7 +47,7 @@
}
}
@media screen and (max-width: 50em) {
@media screen and (max-width: @phone) {
#main_index {
margin-top: 0;
}

2
searx/static/themes/simple/src/less/preferences.less
View File

@ -116,7 +116,7 @@
}
}
@media screen and (max-width: 80em) {
@media screen and (max-width: @tablet) {
.preferences_back {
clear: both;
}

4
searx/static/themes/simple/src/less/search.less
View File

@ -103,7 +103,7 @@
vertical-align: middle;
}
@media screen and (max-width: 80em) {
@media screen and (max-width: @tablet) {
#search {
padding: 0 @results-tablet-offset;
}
@ -145,7 +145,7 @@
}
}
@media screen and (max-width: 50em) {
@media screen and (max-width: @phone) {
#search {
width: 100%;
margin: 0;

6
searx/static/themes/simple/src/less/style.less
View File

@ -569,7 +569,7 @@ article.result-images[data-vim-selected]::before {
}
}
@media screen and (max-width: 80em) {
@media screen and (max-width: @tablet) {
#main_preferences,
#main_about,
#main_stats {
@ -710,7 +710,7 @@ article.result-images[data-vim-selected]::before {
}
}
@media screen and (max-width: 50em) {
@media screen and (max-width: @phone) {
#main_results div#results {
grid-template-columns: 100%;
margin: 2rem 0 0 0;
@ -767,7 +767,7 @@ article.result-images[data-vim-selected]::before {
}
}
@media screen and (max-width: 35em) {
@media screen and (max-width: @small-phone) {
.result-videos {
img.thumbnail {
float: none !important;

2
searx/static/themes/simple/src/less/toolkit.less
View File

@ -433,7 +433,7 @@ select {
}
}
@media screen and (max-width: 50em) {
@media screen and (max-width: @phone) {
.tabs > label {
width: 100%;
}