Mudancas na interface e suporte a IE6/7

app/views/layouts/base.html.haml

@@ -9,6 +9,12 @@
 
     %link{'href' => "#{App.base_path}/stylesheets/cache/wiki.css", 'rel' => 'Stylesheet', 'type' => %'text/css'}
     %link#css_color{'href' => "#{App.base_path}/stylesheets/cache/color.#@color.css", 'rel' => 'Stylesheet', 'type' => %'text/css'}
+
+    /[if IE]
+      %link{:href => "#{App.base_path}/stylesheets/ie/ie.css", :rel => "stylesheet", :type => "text/css"}
+
+    /[if lte IE 6]
+      %link{:href => "#{App.base_path}/stylesheets/ie/ie6.css", :rel => "stylesheet", :type => "text/css"}
     
     %script{:type => 'text/javascript'}
       == BASE_PATH = "#{App.base_path}";

app/views/stylesheets/color.css.erb

@@ -31,3 +31,7 @@ h1, h2, h3, h4, h5, th {
 .icon img:hover {
   background-color: <%= color[1] %>;
 }
+
+.specialDay {
+	color: <%= color[1] %>;
+}

app/views/stylesheets/wiki.css.erb

@@ -57,7 +57,7 @@ ul ul, ol ol {
 	padding: 9px 15px;
 }
 
-.content code {
+.content code, .content pre {
 	background-color: #f4f4f4;
 }
 
@@ -136,7 +136,7 @@ body {
   background-position: top;
   background-repeat: repeat-x;
   color: #eee;
-  height: 28px;
+  height: 50px;
   margin: 0px -9px;
 }
 
@@ -156,7 +156,9 @@ body {
   height: 22px;
   border-bottom: 3px solid #ddd;
   margin: 0px -9px;
+  margin-top: -22px;
   color: #eee;
+  background-color: transparent !important;
 }
 
 #header_menu ul {
@@ -264,7 +266,6 @@ body {
 }
 
 .calendario {
-  width: 170px;
   border-top: 1px solid #eee;
   margin-top: -1px;
   padding: 9px 0px;
@@ -273,6 +274,7 @@ body {
 .calendario tr td {
   font-size: 11px;
   text-align: center;
+  width: 25px;
 }
 
 .calendario th {
@@ -284,6 +286,14 @@ body {
   color: #ccc;
 }
 
+.specialDay {
+  background-image: url(<%= App.base_path %>/images/bg_day.gif);
+  cursor: pointer;
+}
+
+.specialDay a, .specialDay a:hover {
+	border-bottom: 0px solid #ccc;
+}
 
 .widget_news li, .widget_events li, #shoutbox li, #shoutbox {
   font-size: 11px;

app/views/users/_form_settings.html.haml

@@ -40,5 +40,5 @@
     %dt
       %label{:for => 'user_color_pref'} Esquema de cores
       = render :partial => 'widgets/color', :collection => App.color_schemes
-    %br.clear
+  %br.clear
 

app/views/widgets/calendario.html.erb

@@ -4,16 +4,16 @@
 	<div class="menu">
 		<%= image_tag "loading.gif", :id => "spinner_calendar",
 				:class => "spinner", :style => "display:none" %>
-        <div class="cmd">
-          <%= action_icon 'add', 'Adicionar evento', new_course_event_url(@course) %>
-        </div>
+		<div class="cmd">
+		  <%= action_icon 'add', 'Adicionar evento', new_course_event_url(@course) %>
+		</div>
 		<h1>Calendário</h1>
 		<div id="calendar">
 <% end -%>
 		<%=
 			@year   ||= Time.now.year
 			@month  ||= Time.now.month
-      @events ||= @course.events
+			@events ||= @course.events
 
 			calendar({:year => @year, :month => @month, :table_class => 'calendario',
 					:abbrev => (0..1) }) do |d|
@@ -21,10 +21,10 @@
 			  cell_text = d.mday
 			  cell_attrs = {:class => 'day'}
 			  @events.each do |e|
-				if e.time == d
-					cell_attrs[:onclick] = "show_events('#{d.to_s}')"
+				if (e.time.year == d.year and e.time.month == d.month and e.time.day == d.day)
+					cell_attrs[:onclick] = "show_events('#{d.strftime('%Y_%m-%d')}')"
 					cell_attrs[:class] = 'specialDay'
-					cell_text = link_to d.mday, "#"
+					cell_text = d.mday
 				end
 			  end
 			  [cell_text, cell_attrs]
@@ -35,9 +35,9 @@
 		<div class="widget_events">
 			<ul>
 				<% @events.each do |e| -%>
-				<li style="display: none" class="event_item events_<%=e.time.to_s%>">
+				<li style="display: none" class="event_item events_<%=e.time.strftime('%Y_%m-%d')%>">
 					<%= link_to e.time.strftime("%d de %B"), course_event_url(@course, e) %>.
-					<%= h(e.title) %>. <%= h(e.description) %>
+					<%= h(e.title) %>. <%= truncate(h(e.description), 50) %>
 				</li>
 				<% end -%>
 			</ul>