Added ui-tooltip CSS style to relax max-width on template previews

concerto · Mar 14, 2012 · e11ea60 · bamnet · Mar 14, 2012 · e11ea60
1 parent 004b587
commit e11ea60
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/app/assets/stylesheets/application/controls/jquery.qtip.scss.erb b/app/assets/stylesheets/application/controls/jquery.qtip.scss.erb
@@ -23,6 +23,11 @@
   float: left !important; 
 }
 
+// Added by brz: Relaxes the max-width so that content can be fully displayed
+.ui-tooltip-bigenough {
+  max-width: 900px;
+}
+
 .ui-tooltip-content {
   position: relative;
   padding: 5px 9px;

diff --git a/app/views/screens/_form.html.erb b/app/views/screens/_form.html.erb
@@ -79,10 +79,10 @@
                 <%= f.radio_button :template_id, template.id %>
               </div>
 
-              <%= image_tag preview_template_path(template, :height => 60, :format => :png), :style => "height: 60px; margin: 0px;" %>
+              <%= image_tag preview_template_path(template, :height => 60, :format => :png), :style => "margin: 0px;" %>
 
               <div id="preview_<%= template.id %>" class="dd" style="display:none;">
-                <%= image_tag preview_template_path(template, :width => 260, :format => :png), :style => "width: 260px; margin: 0px;" %>
+                <%= image_tag preview_template_path(template, :width => 540, :height => 310, :aspect_ratio => true, :format => :png), :style => "margin: 0px;" %>
               </div>
 
               <div class="cont">
@@ -133,7 +133,7 @@
           },
 
           hide: 'unfocus',
-          style: 'ui-tooltip-dark ui-tooltip-shadow ui-tooltip-rounded'
+          style: 'ui-tooltip-dark ui-tooltip-bigenough ui-tooltip-shadow ui-tooltip-rounded'
         });
       });
     });