Fix contents columns alignment

Braulio Bhavamitra
1 parent b9c1a728
Showing 10 changed files with 61 additions and 41 deletions Show diff stats
app/views/search/_full_article.html.erb
app/views/search/_full_blog.html.erb
app/views/search/_full_event.html.erb
app/views/search/_full_folder.html.erb
app/views/search/_full_forum.html.erb
app/views/search/_full_gallery.html.erb
app/views/search/_full_text_article.html.erb
app/views/search/_full_uploaded_file.html.erb
plugins/solr/public/style.css
public/stylesheets/search.css
 <li class="search-article-item article-item">
-  <%= link_to(article.title, article.url, :class => "search-result-title") %>
+  <div>
+    <%= link_to(article.title, article.url, :class => "search-result-title") %>
+  </div>
+
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => article %>
   </div>
+
   <table class="noborder search-content-second-column">
     <%= render :partial => 'article_common', :object => article %>
   </table>
 <li class="search-blog article-item">
-  <%= link_to blog.title, blog.view_url, :class => 'search-result-title' %>
+  <div>
+    <%= link_to blog.title, blog.view_url, :class => 'search-result-title' %>
+  </div>
+
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => blog %>
   </div>
+
   <table class="noborder search-content-second-column">
     <tr class="search-blog-items">
       <td class="search-field-label"><%= _("Last posts") %></td>
 <li class="search-event-item article-item">
-<%= link_to(event.title, event.url, :class => "search-result-title") %>
-<div class="search-content-first-column">
-  <%= render :partial => 'image', :object => event %>
-</div>
-<table class="noborder search-content-second-column">
-  <% if event.start_date %>
-    <tr class="search-article-event-date">
-      <td class="search-field-label"><%= _('Start date') %></td>
-      <td class="article-item-date"><%= event.start_date %></td>
-    </tr>
-  <% end %>
-  <% if event.end_date %>
-    <tr class="search-article-event-date">
-      <td class="search-field-label"><%= _('End date') %></td>
-      <td class="article-item-date"><%= event.end_date %></td>
-    </tr>
-  <% end %>
+  <div>
+    <%= link_to(event.title, event.url, :class => "search-result-title") %>
+  </div>
-  <%= render :partial => 'article_common', :object => event %>
-</table>
-<%= render :partial => 'article_last_change', :object => event %>
+  <div class="search-content-first-column">
+    <%= render :partial => 'image', :object => event %>
+  </div>
-<div style="clear: both"></div>
+  <table class="noborder search-content-second-column">
+    <% if event.start_date %>
+      <tr class="search-article-event-date">
+        <td class="search-field-label"><%= _('Start date') %></td>
+        <td class="article-item-date"><%= event.start_date %></td>
+      </tr>
+    <% end %>
+    <% if event.end_date %>
+      <tr class="search-article-event-date">
+        <td class="search-field-label"><%= _('End date') %></td>
+        <td class="article-item-date"><%= event.end_date %></td>
+      </tr>
+    <% end %>
+
+    <%= render :partial => 'article_common', :object => event %>
+  </table>
+  <%= render :partial => 'article_last_change', :object => event %>
+
+  <div style="clear: both"></div>
 </li>
 <li class="search-folder-item article-item">
-  <%= link_to folder.title, folder.view_url, :class => 'search-result-title' %>
+  <div>
+    <%= link_to folder.title, folder.view_url, :class => 'search-result-title' %>
+  </div>
+
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => folder %>
   </div>
+
   <table class="noborder search-content-second-column">
     <tr class="search-folder-items">
       <td class="search-field-label"><%= _("Last items") %></td>
 <li class="search-forum-item article-item">
-  <%= link_to forum.title, forum.view_url, :class => 'search-result-title' %>
+  <div>
+    <%= link_to forum.title, forum.view_url, :class => 'search-result-title' %>
+  </div>
+
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => forum %>
   </div>
+
   <table class="noborder search-content-second-column">
     <tr class="search-forum-items">
       <td class="search-field-label"><%= _("Last topics") %></td>
 <li class="search-gallery article-item">
-  <%= link_to gallery.title, gallery.view_url, :class => 'search-result-title' %>
+  <div>
+    <%= link_to gallery.title, gallery.view_url, :class => 'search-result-title' %>
+  </div>
+
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => gallery %>
   </div>
+
   <table class="noborder search-content-second-column">
     <%= render :partial => 'article_common', :object => gallery %>
   </table>
 <li class="search-text-article-item article-item">
-  <%= link_to(text_article.title, text_article.url, :class => "search-result-title") %>
+  <div>
+    <%= link_to(text_article.title, text_article.url, :class => "search-result-title") %>
+  </div>
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => text_article %>
 <li class="search-uploaded-file-item article-item">
-  <%= link_to uploaded_file.filename, uploaded_file.view_url, :class => 'search-result-title' %>
+  <div>
+    <%= link_to uploaded_file.filename, uploaded_file.view_url, :class => 'search-result-title' %>
+  </div>
   <div class="search-content-first-column">
     <%= render :partial => 'image', :object => uploaded_file %>
@@ -4,11 +4,8 @@
 }
 #search-column-right .search-customize-options {
-  position: absolute;
   margin: 0;
   padding: 5px 0;
-  bottom: 0;
-  left: 0;
 }
 #search-column-right .search-results-box .vcard {
@@ -753,19 +753,13 @@ li.search-product-item hr {
 .search-content-first-column {
   width: 130px;
   min-height: 98px;
-  position: absolute;
-}
-.search-gallery .search-content-first-column {
-  width: 190px;
+  float: left;
 }
 .search-content-second-column {
   margin-left: 140px;
   width: auto;
 }
-.search-gallery .search-content-second-column {
-  margin-left: 200px;
-}
 .search-content-second-column tr:hover {
   background-color: none;
@@ -789,7 +783,7 @@ ul.clean-list .search-content-second-column {
   width:795px;
 }
 ul.clean-list .search-gallery-content {
-  width:655px
+  width:655px;
 }
 a.search-image-pic {
   border: 1px solid #F2F2F2;
@@ -819,7 +813,7 @@ a.search-image-pic {
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
-  user-select: none;       
+  user-select: none;
   border-radius: 5px;
   -moz-user-select: none;
   -khtml-user-select: none;
@@ -844,8 +838,9 @@ a.search-image-pic {
 .search-gallery .search-gallery-items {
   float: left;
   margin: 0;
-  min-width: 130px;
+  width: 130px;
   position: relative;
+  overflow: hidden;
 }
 .search-gallery .search-gallery-items a.search-image-pic {
1	<li class="search-text-article-item article-item">	1	<li class="search-text-article-item article-item">
2	- <%= link_to(text_article.title, text_article.url, :class => "search-result-title") %>	2	+ <div>
		3	+ <%= link_to(text_article.title, text_article.url, :class => "search-result-title") %>
		4	+ </div>
3		5
4	<div class="search-content-first-column">	6	<div class="search-content-first-column">
5	<%= render :partial => 'image', :object => text_article %>	7	<%= render :partial => 'image', :object => text_article %>
1	<li class="search-uploaded-file-item article-item">	1	<li class="search-uploaded-file-item article-item">
2	- <%= link_to uploaded_file.filename, uploaded_file.view_url, :class => 'search-result-title' %>	2	+ <div>
		3	+ <%= link_to uploaded_file.filename, uploaded_file.view_url, :class => 'search-result-title' %>
		4	+ </div>
3		5
4	<div class="search-content-first-column">	6	<div class="search-content-first-column">
5	<%= render :partial => 'image', :object => uploaded_file %>	7	<%= render :partial => 'image', :object => uploaded_file %>