Commit 16c3ad5438a17cb2d9e7a0f563373c5db3538d31
1 parent
f68e0f29
Exists in
master
and in
21 other branches
[search-improvements] Improve search page style
Showing
3 changed files
with
65 additions
and
2 deletions
Show diff stats
app/views/layouts/_user.html.erb
| @@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
| 16 | <% end %> | 16 | <% end %> |
| 17 | 17 | ||
| 18 | </span> | 18 | </span> |
| 19 | - <form action="/search" id="top-search" class="search_form clean" method="get"> | 19 | + <form action="/search/articles" id="top-search" class="search_form clean" method="get"> |
| 20 | <input name="query" size="15" title="<%=_('Search...')%>" onfocus="this.form.className='focused';" onblur="this.form.className=''" /> | 20 | <input name="query" size="15" title="<%=_('Search...')%>" onfocus="this.form.className='focused';" onblur="this.form.className=''" /> |
| 21 | <div><%=_('Press <strong>Enter</strong> to send the search query.')%></div> | 21 | <div><%=_('Press <strong>Enter</strong> to send the search query.')%></div> |
| 22 | <%= javascript_tag 'jQuery("#user form input").hint();' %> | 22 | <%= javascript_tag 'jQuery("#user form input").hint();' %> |
app/views/search/search_page.html.erb
| 1 | - | ||
| 2 | <%= render :partial => 'search_form', :locals => { :hint => _("Type words about the %s you're looking for") % @asset.to_s.singularize } %> | 1 | <%= render :partial => 'search_form', :locals => { :hint => _("Type words about the %s you're looking for") % @asset.to_s.singularize } %> |
| 3 | <%= render :partial => 'search_content' %> | 2 | <%= render :partial => 'search_content' %> |
| 4 | 3 |
public/stylesheets/search.css
| @@ -949,6 +949,70 @@ a.search-image-pic { | @@ -949,6 +949,70 @@ a.search-image-pic { | ||
| 949 | margin-left: 40px; | 949 | margin-left: 40px; |
| 950 | } | 950 | } |
| 951 | 951 | ||
| 952 | +ul#assets-links { | ||
| 953 | + text-align: justify; | ||
| 954 | + text-justify: distribute-all-lines; /* distribute items in IE */ | ||
| 955 | + list-style-type: none; | ||
| 956 | + margin: 5px 0 13px; | ||
| 957 | + padding: 0; | ||
| 958 | + width: 500px; | ||
| 959 | + float: left; | ||
| 960 | +} | ||
| 961 | + | ||
| 962 | +ul#assets-links:after { | ||
| 963 | + content: ""; | ||
| 964 | + display: inline-block; | ||
| 965 | +} | ||
| 966 | + | ||
| 967 | +ul#assets-links li { | ||
| 968 | + display: inline-block; | ||
| 969 | +} | ||
| 970 | + | ||
| 971 | +ul#assets-links li + li { | ||
| 972 | + margin-left: 10px; | ||
| 973 | +} | ||
| 974 | + | ||
| 975 | +ul#assets-links li a { | ||
| 976 | + text-decoration: none; | ||
| 977 | +} | ||
| 978 | + | ||
| 979 | +ul#assets-links li.selected a { | ||
| 980 | + border-bottom: 2px solid #EF2929; | ||
| 981 | +} | ||
| 982 | + | ||
| 983 | +ul#assets-links li.selected a { | ||
| 984 | + color: #EF2929; | ||
| 985 | + font-weight: bold; | ||
| 986 | +} | ||
| 987 | + | ||
| 988 | +#search-filters { | ||
| 989 | + float: right; | ||
| 990 | +} | ||
| 991 | + | ||
| 992 | +#search-filters .sod_select { | ||
| 993 | + padding: 5px 10px; | ||
| 994 | + width: auto; | ||
| 995 | + border-width: 2px; | ||
| 996 | + border-color: #888A85; | ||
| 997 | + color: #888A85; | ||
| 998 | +} | ||
| 999 | + | ||
| 1000 | +#search-filters .sod_select:hover, | ||
| 1001 | +#search-filters .sod_select.open, | ||
| 1002 | +#search-filters .sod_select.focus { border-color: #555753; color: #555753; } | ||
| 1003 | + | ||
| 1004 | +#search-filters .sod_select .sod_list { | ||
| 1005 | + width: auto; | ||
| 1006 | + border-width: 2px; | ||
| 1007 | + margin: 0 0 0 -2px; | ||
| 1008 | + border-color: #555753; | ||
| 1009 | + color: #888A85; | ||
| 1010 | +} | ||
| 1011 | + | ||
| 1012 | +#search-filters .sod_select .sod_list .selected { | ||
| 1013 | + color: #555753; | ||
| 1014 | +} | ||
| 1015 | + | ||
| 952 | /******** tagged-items list ***************************/ | 1016 | /******** tagged-items list ***************************/ |
| 953 | 1017 | ||
| 954 | .search-tagged-items { | 1018 | .search-tagged-items { |