diff --git a/app/stylesheets/closet_hangers/_index.sass b/app/stylesheets/closet_hangers/_index.sass index 5228a683..c60a9e18 100644 --- a/app/stylesheets/closet_hangers/_index.sass +++ b/app/stylesheets/closet_hangers/_index.sass @@ -99,12 +99,28 @@ body.closet_hangers-index form display: none - h3 + header border-bottom: 1px solid $soft-border-color - cursor: pointer - font-size: 250% + display: block margin-bottom: .25em padding: .25em 0 + position: relative + + h3 + font-size: 250% + margin: 0 + + span + color: $soft-text-color + display: none + font-size: 85% + position: absolute + right: 1em + bottom: 0 + + &:hover span + color: inherit + text-decoration: underline .closet-hangers-group border-top: 1px solid $module-border-color @@ -171,3 +187,17 @@ body.closet_hangers-index #edit-contact-link display: none + .closet-hangers-group + header + cursor: pointer + + .hide + display: block + + &.hidden + header .hide, .closet-hangers-group-content + display: none + + header .show + display: block + diff --git a/app/views/closet_hangers/index.html.haml b/app/views/closet_hangers/index.html.haml index b3415fd2..1bb23d5f 100644 --- a/app/views/closet_hangers/index.html.haml +++ b/app/views/closet_hangers/index.html.haml @@ -42,7 +42,10 @@ #closet-hangers{:class => public_perspective? ? nil : 'current-user'} - [true, false].each do |owned| .closet-hangers-group{'data-owned' => owned.to_s} - %h3 Items #{closet_hanger_subject} #{closet_hanger_verb(owned)} + %header + %h3 Items #{closet_hanger_subject} #{closet_hanger_verb(owned)} + %span.show click to show + %span.hide click to hide .closet-hangers-group-content - if public_perspective? - unless @closet_hangers_by_owned[owned] diff --git a/public/javascripts/closet_hangers/index.js b/public/javascripts/closet_hangers/index.js index f6d64b0e..c6d50b38 100644 --- a/public/javascripts/closet_hangers/index.js +++ b/public/javascripts/closet_hangers/index.js @@ -218,8 +218,8 @@ }); - $('div.closet-hangers-group h3').click(function () { - $(this).next().toggle(); + $('div.closet-hangers-group header').click(function () { + $(this).parent().toggleClass('hidden'); }); })(); diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css index b49c75a3..78eb5185 100644 --- a/public/stylesheets/compiled/screen.css +++ b/public/stylesheets/compiled/screen.css @@ -704,30 +704,49 @@ body.closet_hangers-index #closet-hangers .object form { display: none; } /* line 102, ../../../app/stylesheets/closet_hangers/_index.sass */ -body.closet_hangers-index h3 { +body.closet_hangers-index header { border-bottom: 1px solid #aaddaa; - cursor: pointer; - font-size: 250%; + display: block; margin-bottom: 0.25em; padding: 0.25em 0; + position: relative; } /* line 109, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index header h3 { + font-size: 250%; + margin: 0; +} +/* line 113, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index header span { + color: #448844; + display: none; + font-size: 85%; + position: absolute; + right: 1em; + bottom: 0; +} +/* line 121, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index header:hover span { + color: inherit; + text-decoration: underline; +} +/* line 125, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index .closet-hangers-group { border-top: 1px solid #006600; margin-bottom: 2em; padding-bottom: 1em; } -/* line 117, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 133, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover form { display: inline; } -/* line 120, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 136, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy { position: absolute; right: 18px; top: 0; } -/* line 125, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 141, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; @@ -768,7 +787,7 @@ body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-han body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover { background-color: #999999; } -/* line 128, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 144, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity { -moz-opacity: 1; -webkit-opacity: 1; @@ -778,52 +797,68 @@ body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity { top: 56px; padding: 0; } -/* line 134, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 150, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity span { display: none; } -/* line 137, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 153, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=number] { padding: 2px; width: 2em; } -/* line 141, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 157, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=submit] { font-size: 85%; } -/* line 147, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 163, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=number] { width: 2.5em; } -/* line 150, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 166, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=submit] { display: none; } -/* line 153, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 169, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers .object.loading { background: #eeffee; outline: 1px solid #006600; } -/* line 157, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 173, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity span:after { content: "…"; } -/* line 161, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 177, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers-contact form { display: none; } -/* line 164, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 180, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers-contact #edit-contact-link, body.closet_hangers-index.current-user.js #closet-hangers-contact #cancel-contact-link { display: inline; } -/* line 168, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 184, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers-contact.editing form { display: block; } -/* line 171, ../../../app/stylesheets/closet_hangers/_index.sass */ +/* line 187, ../../../app/stylesheets/closet_hangers/_index.sass */ body.closet_hangers-index.current-user.js #closet-hangers-contact.editing #edit-contact-link { display: none; } +/* line 191, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index.current-user.js .closet-hangers-group header { + cursor: pointer; +} +/* line 194, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index.current-user.js .closet-hangers-group header .hide { + display: block; +} +/* line 198, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .hide, body.closet_hangers-index.current-user.js .closet-hangers-group.hidden .closet-hangers-group-content { + display: none; +} +/* line 201, ../../../app/stylesheets/closet_hangers/_index.sass */ +body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .show { + display: block; +} /* line 3, ../../../app/stylesheets/closet_pages/_new.sass */ body.closet_pages-new #title, body.closet_pages-create #title {