advanced search behaves toggle-like in that the link stays in place, and OMG pagination on the right is sooo much better!
This commit is contained in:
parent
f12b579c29
commit
ce734fae7e
2 changed files with 18 additions and 9 deletions
|
@ -261,23 +261,28 @@ body.outfits-edit
|
||||||
#preview-search-advanced
|
#preview-search-advanced
|
||||||
display: block
|
display: block
|
||||||
#preview-search-basic > ul
|
#preview-search-basic > ul
|
||||||
|
clear: both
|
||||||
.object
|
.object
|
||||||
min-height: 150px
|
min-height: 150px
|
||||||
#preview-search-advanced
|
#preview-search-advanced
|
||||||
display: none
|
display: none
|
||||||
margin-left: 2em
|
|
||||||
|
h2
|
||||||
|
margin-right: 2em
|
||||||
|
|
||||||
button
|
button
|
||||||
margin-right: 2em
|
margin-right: 4em
|
||||||
|
|
||||||
#preview-search-basic-link
|
#preview-search-basic-link
|
||||||
font-size: 85%
|
font-size: 85%
|
||||||
|
|
||||||
div
|
div
|
||||||
+inline-block
|
+inline-block
|
||||||
|
box-sizing: border-box
|
||||||
font-size: 87.5%
|
font-size: 87.5%
|
||||||
margin-top: .5em
|
padding-top: .5em
|
||||||
margin-bottom: 1.5em
|
/* search results height, to prevent header bouncing */
|
||||||
|
min-height: 178px
|
||||||
vertical-align: top
|
vertical-align: top
|
||||||
width: 32%
|
width: 32%
|
||||||
|
|
||||||
|
@ -295,6 +300,9 @@ body.outfits-edit
|
||||||
list-style: none
|
list-style: none
|
||||||
margin-left: -24px
|
margin-left: -24px
|
||||||
|
|
||||||
|
div:first-child
|
||||||
|
margin-left: 2em
|
||||||
|
|
||||||
#preview-search-advanced-link
|
#preview-search-advanced-link
|
||||||
font-size: 85%
|
font-size: 85%
|
||||||
margin-right: 1em
|
margin-right: 1em
|
||||||
|
@ -304,14 +312,15 @@ body.outfits-edit
|
||||||
margin-right: 1em
|
margin-right: 1em
|
||||||
#preview-search-form-pagination
|
#preview-search-form-pagination
|
||||||
+inline-block
|
+inline-block
|
||||||
|
float: right
|
||||||
|
margin-top: .5em
|
||||||
a, span
|
a, span
|
||||||
margin: 0 .25em
|
margin: 0 .25em
|
||||||
.current
|
.current
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
#preview-search-form-clear
|
#preview-search-form-clear
|
||||||
display: none
|
display: none
|
||||||
font-size: 87.5%
|
font-size: 85%
|
||||||
margin-left: 2em
|
|
||||||
#preview-search-form-loading
|
#preview-search-form-loading
|
||||||
display: none
|
display: none
|
||||||
font:
|
font:
|
||||||
|
@ -352,11 +361,11 @@ body.outfits-edit
|
||||||
bottom: 1.5em
|
bottom: 1.5em
|
||||||
left: 0
|
left: 0
|
||||||
overflow: auto
|
overflow: auto
|
||||||
padding: 1em 2em
|
padding: 1em 0
|
||||||
position: absolute
|
position: absolute
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
&.has-results
|
&.has-results, &.advanced
|
||||||
padding-bottom: 0
|
padding-bottom: 0
|
||||||
#footer
|
#footer
|
||||||
bottom: 0
|
bottom: 0
|
||||||
|
|
|
@ -106,8 +106,8 @@
|
||||||
%input{:type => "submit", :value => t('.search.form.submit')}/
|
%input{:type => "submit", :value => t('.search.form.submit')}/
|
||||||
-# TODO: i18n
|
-# TODO: i18n
|
||||||
%a#preview-search-advanced-link{href: 'javascript:void(0)'} Advanced Search
|
%a#preview-search-advanced-link{href: 'javascript:void(0)'} Advanced Search
|
||||||
#preview-search-form-pagination
|
|
||||||
%a#preview-search-form-clear{:href => "#"}= t '.search.form.clear'
|
%a#preview-search-form-clear{:href => "#"}= t '.search.form.clear'
|
||||||
|
#preview-search-form-pagination
|
||||||
#preview-search-form-loading= t '.search.loading'
|
#preview-search-form-loading= t '.search.loading'
|
||||||
#preview-search-form-error.possible-error
|
#preview-search-form-error.possible-error
|
||||||
#preview-search-form-no-results
|
#preview-search-form-no-results
|
||||||
|
|
Loading…
Reference in a new issue