diff --git a/app/assets/images/tip.png b/app/assets/images/tip.png new file mode 100644 index 00000000..1f2fe785 Binary files /dev/null and b/app/assets/images/tip.png differ diff --git a/app/assets/javascripts/outfits/edit.js b/app/assets/javascripts/outfits/edit.js index 59ccbd8d..df5a6099 100644 --- a/app/assets/javascripts/outfits/edit.js +++ b/app/assets/javascripts/outfits/edit.js @@ -1362,9 +1362,9 @@ View.PrankColorMessage = function(wardrobe) { View.Tips = function() { var wrapper = $('#tips'); - var children = wrapper.children(); - var index = Math.floor(Math.random() * children.length); - children.eq(index).show(); + var tips = wrapper.find('li'); + var index = Math.floor(Math.random() * tips.length); + tips.eq(index).show(); } var userbar_sessions_link = $('#userbar a:last'); diff --git a/app/assets/stylesheets/outfits/_edit.sass b/app/assets/stylesheets/outfits/_edit.sass index a6ad04a5..5542f2f1 100644 --- a/app/assets/stylesheets/outfits/_edit.sass +++ b/app/assets/stylesheets/outfits/_edit.sass @@ -262,8 +262,19 @@ body.outfits-edit /* don't bounce the header around kthx */ min-height: 180px #tips + padding-top: 1em + li + +module + background-image: image-url("tip.png") + background-position: top left + background-repeat: no-repeat display: none + list-style: none + margin: 0 auto + padding-left: image-width("tip.png") + 12px + width: 400px + #preview-search-advanced display: none diff --git a/app/views/outfits/edit.html.haml b/app/views/outfits/edit.html.haml index 7a132501..1444403c 100644 --- a/app/views/outfits/edit.html.haml +++ b/app/views/outfits/edit.html.haml @@ -107,11 +107,12 @@ #preview-search-form-no-results = t '.search.no_results_html', :query => content_tag(:span) %ul#preview-search-results - %ul#tips - - WardrobeTip.by_index.each do |tip| - %li - %h3 Did you know? - %div= md tip.body + #tips + %ul + - WardrobeTip.by_index.each do |tip| + %li + %h3 Did you know? + %div= md tip.body %form#preview-search-advanced %header %h2= t '.search.advanced.header'