forked from Ponysearch/Ponysearch
[fix] no horizontal scrolling on small screen
[fix] small images in the results aren't not "zoomed"
This commit is contained in:
parent
5740cfbf1c
commit
400279182e
2 changed files with 25 additions and 97 deletions
File diff suppressed because one or more lines are too long
|
@ -126,6 +126,7 @@ fieldset {
|
|||
|
||||
#categories {
|
||||
margin: 0 10px;
|
||||
.user-select;
|
||||
}
|
||||
|
||||
.checkbox_container {
|
||||
|
@ -297,14 +298,14 @@ a {
|
|||
}
|
||||
|
||||
.image_result {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
margin: 10px 10px;
|
||||
position: relative;
|
||||
height: 160px;
|
||||
max-height: 160px;
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
height: 160px;
|
||||
max-height: 160px;
|
||||
}
|
||||
|
||||
p {
|
||||
|
@ -369,17 +370,17 @@ tr {
|
|||
#results {
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
width: @results-width;
|
||||
width: @results-width;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
margin: 0 2px 5px 5px;
|
||||
padding: 0 2px 2px 2px;
|
||||
width: 14em;
|
||||
width: 14em;
|
||||
|
||||
input {
|
||||
padding: 0;
|
||||
|
@ -390,9 +391,9 @@ tr {
|
|||
color: @color-result-search-url-font;
|
||||
cursor: pointer;
|
||||
}
|
||||
input[type="submit"] {
|
||||
input[type="submit"] {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#suggestions, #answers {
|
||||
|
@ -501,7 +502,6 @@ tr {
|
|||
|
||||
#pagination {
|
||||
clear: both;
|
||||
width: 40em;
|
||||
}
|
||||
|
||||
#apis {
|
||||
|
@ -511,18 +511,19 @@ tr {
|
|||
|
||||
@media screen and (max-width: @results-width) {
|
||||
|
||||
#results {
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
width: 90%;
|
||||
}
|
||||
#results {
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.github {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.checkbox_container {
|
||||
display: block;
|
||||
width: 90%;
|
||||
width: 90%;
|
||||
//float: left;
|
||||
|
||||
label {
|
||||
|
@ -591,6 +592,13 @@ tr {
|
|||
border-top: 1px solid @color-result-top-border;
|
||||
margin: 7px 0 6px 0;
|
||||
}
|
||||
|
||||
.image_result {
|
||||
max-width: 98%;
|
||||
img {
|
||||
max-width: 98%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.favicon {
|
||||
|
|
Loading…
Reference in a new issue