Preview images for the themes

Aurelio A. Heckert · Antonio Terceiro
1 parent 12923d40
Showing 13 changed files with 16 additions and 4 deletions Show diff stats
app/views/themes/index.rhtml
public/designs/themes/aluminium/preview.png
public/designs/themes/butter/preview.png
public/designs/themes/chameleon/preview.png
public/designs/themes/chocolate/preview.png
public/designs/themes/chocolate/preview.xcf
public/designs/themes/noosfero/preview.png
public/designs/themes/noosfero/preview.xcf
public/designs/themes/orange/preview.png
public/designs/themes/plum/preview.png
public/designs/themes/scarletred/preview.png
public/designs/themes/skyblue/preview.png
public/stylesheets/application.css
@@ -13,9 +13,11 @@
         <%
           selected = (!template.nil? && (@current_template == template.id))
         %>
-        <td>
+        <td class="template-preview-cell">
           <% if template %>
-            <%= image_tag("/designs/templates/#{template.id}/thumbnail.png", :alt => _('The "%s" template')) %>
+            <%= image_tag("/designs/templates/#{template.id}/thumbnail.png",
+                :class => 'template-preview',
+                :alt => _('The "%s" template')) %>
           <% end %>
         </td>
         <td <%= 'class="selected template"' if selected %>>
@@ -49,9 +51,10 @@
             selected = (!theme.nil? && (theme.id == @current_theme))
           %>
           <td>
-            <%# FIXME add proper thumbnails %>
             <% if theme %>
-              <%= image_tag('/images/icons-app/design-editor.png', :alt => (_('The "%s" theme.') % theme.name)) %>
+              <%= image_tag("/designs/themes/#{theme.name}/preview.png",
+                  :class => 'theme-preview',
+                  :alt => (_('The "%s" theme.') % theme.name)) %>
             <% end %>
           </td>
           <td <%= 'class="selected theme"' if selected %>>
@@ -4071,6 +4071,15 @@ h1#agenda-title {
  
 /* ==> public/stylesheets/controller_themes.css <== */
 /* common stuff */
+
+.controller-themes .template-preview-cell {
+  text-align: center;
+}
+
+.controller-themes .theme-preview {
+  border: 1px solid #BBB;
+}
+
 .controller-themes #css-files-list h2,
 .controller-themes #image-files-list h2 {
   margin-top: 0px;
...	...	@@ -13,9 +13,11 @@
13	13	<%
14	14	selected = (!template.nil? && (@current_template == template.id))
15	15	%>
16		- <td>
	16	+ <td class="template-preview-cell">
17	17	<% if template %>
18		- <%= image_tag("/designs/templates/#{template.id}/thumbnail.png", :alt => _('The "%s" template')) %>
	18	+ <%= image_tag("/designs/templates/#{template.id}/thumbnail.png",
	19	+ :class => 'template-preview',
	20	+ :alt => _('The "%s" template')) %>
19	21	<% end %>
20	22	</td>
21	23	<td <%= 'class="selected template"' if selected %>>
...	...	@@ -49,9 +51,10 @@
49	51	selected = (!theme.nil? && (theme.id == @current_theme))
50	52	%>
51	53	<td>
52		- <%# FIXME add proper thumbnails %>
53	54	<% if theme %>
54		- <%= image_tag('/images/icons-app/design-editor.png', :alt => (_('The "%s" theme.') % theme.name)) %>
	55	+ <%= image_tag("/designs/themes/#{theme.name}/preview.png",
	56	+ :class => 'theme-preview',
	57	+ :alt => (_('The "%s" theme.') % theme.name)) %>
55	58	<% end %>
56	59	</td>
57	60	<td <%= 'class="selected theme"' if selected %>>
...	...
...	...	@@ -4071,6 +4071,15 @@ h1#agenda-title {
4071	4071
4072	4072	/* ==> public/stylesheets/controller_themes.css <== */
4073	4073	/* common stuff */
	4074	+
	4075	+.controller-themes .template-preview-cell {
	4076	+ text-align: center;
	4077	+}
	4078	+
	4079	+.controller-themes .theme-preview {
	4080	+ border: 1px solid #BBB;
	4081	+}
	4082	+
4074	4083	.controller-themes #css-files-list h2,
4075	4084	.controller-themes #image-files-list h2 {
4076	4085	margin-top: 0px;
...	...