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

[fix] no horizontal scrolling on small screen

Browse Source 
[fix] small images in the results aren't not "zoomed"
This commit is contained in:
dalf 2014-10-25 17:05:37 +02:00
parent 5740cfbf1c
commit 400279182e
2 changed files with 25 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
searx/static/default/css/style.css
View File

File diff suppressed because one or more lines are too long

40
searx/static/default/less/style.less
View File

@ -126,6 +126,7 @@ fieldset {
#categories { #categories {
margin: 0 10px; margin: 0 10px;
.user-select;
} }
.checkbox_container { .checkbox_container {
@ -297,14 +298,14 @@ a {
} }
.image_result { .image_result {
float: left; display: inline-block;
margin: 10px 10px; margin: 10px 10px;
position: relative; position: relative;
height: 160px; max-height: 160px;
img { img {
border: 0; border: 0;
height: 160px; max-height: 160px;
} }
p { p {
@ -369,17 +370,17 @@ tr {
#results { #results {
margin: auto; margin: auto;
padding: 0; padding: 0;
width: @results-width; width: @results-width;
margin-bottom: 20px; margin-bottom: 20px;
} }
#sidebar { #sidebar {
position: fixed; position: fixed;
bottom: 10px; bottom: 10px;
left: 10px; left: 10px;
margin: 0 2px 5px 5px; margin: 0 2px 5px 5px;
padding: 0 2px 2px 2px; padding: 0 2px 2px 2px;
width: 14em; width: 14em;
input { input {
padding: 0; padding: 0;
@ -390,9 +391,9 @@ tr {
color: @color-result-search-url-font; color: @color-result-search-url-font;
cursor: pointer; cursor: pointer;
} }
input[type="submit"] { input[type="submit"] {
text-decoration: underline; text-decoration: underline;
} }
} }
#suggestions, #answers { #suggestions, #answers {
@ -501,7 +502,6 @@ tr {
#pagination { #pagination {
clear: both; clear: both;
width: 40em;
} }
#apis { #apis {
@ -511,18 +511,19 @@ tr {
@media screen and (max-width: @results-width) { @media screen and (max-width: @results-width) {
#results { #results {
margin: auto; margin: auto;
padding: 0; padding: 0;
width: 90%; width: 90%;
} }
.github { .github {
display: none; display: none;
} }
.checkbox_container { .checkbox_container {
display: block; display: block;
width: 90%; width: 90%;
//float: left; //float: left;
label { label {
@ -591,6 +592,13 @@ tr {
border-top: 1px solid @color-result-top-border; border-top: 1px solid @color-result-top-border;
margin: 7px 0 6px 0; margin: 7px 0 6px 0;
} }
.image_result {
max-width: 98%;
img {
max-width: 98%;
}
}
} }
.favicon { .favicon {