Download as
Browse Code »

Commit 16c3ad5438a17cb2d9e7a0f563373c5db3538d31

Authored by Rodrigo Souto
1 parent f68e0f29
Exists in master and in 22 other branches angular_poc, api-article-archived, article-readonly, backup-7-jan-2016, captcha_serpro_plugin, content-manager-hostspot, export-comment-paragraph, fix_event_date_issue, login-captcha, master_rails3, new_video_plugin, pg_search_rank, production, refactor_with_role, refactor_with_role_scope, remove_profile_cat_icons, resend_confirmation_email, staging, staging_rails3, tasks_keep_filter_params, theme-brasil-digital-from-staging, travis

[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
  Diff comments   View file @16c3ad5
... ... @@ -16,7 +16,7 @@
16 16 <% end %>
17 17  
18 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 20 <input name="query" size="15" title="<%=_('Search...')%>" onfocus="this.form.className='focused';" onblur="this.form.className=''" />
21 21 <div><%=_('Press <strong>Enter</strong> to send the search query.')%></div>
22 22 <%= javascript_tag 'jQuery("#user form input").hint();' %>
... ...
app/views/search/search_page.html.erb
  Diff comments   View file @16c3ad5
1   -
2 1 <%= render :partial => 'search_form', :locals => { :hint => _("Type words about the %s you're looking for") % @asset.to_s.singularize } %>
3 2 <%= render :partial => 'search_content' %>
4 3  
... ...
public/stylesheets/search.css
  Diff comments   View file @16c3ad5
... ... @@ -949,6 +949,70 @@ a.search-image-pic {
949 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 1016 /******** tagged-items list ***************************/
953 1017  
954 1018 .search-tagged-items {
... ...