master
Nick Sergeant 2011-11-10 14:37:21 -05:00
parent df969c0742
commit b37bd1e745
4 changed files with 29 additions and 5 deletions

View File

@ -420,7 +420,6 @@ html, body {
body { body {
color: #666; color: #666;
font: normal 14px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font: normal 14px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
overflow-y: scroll;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
header.main { header.main {
@ -819,7 +818,7 @@ article.snipt div.container:after {
} }
article.snipt aside { article.snipt aside {
float: right; float: right;
margin: 29px 30px 0 0; margin: 23px 30px 0 0;
width: 100px; width: 100px;
} }
article.snipt aside ul.options li { article.snipt aside ul.options li {
@ -870,8 +869,20 @@ article.snipt aside section.tags ul li {
article.snipt aside section.tags ul li a { article.snipt aside section.tags ul li a {
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
color: #999; color: #999;
display: inline-block;
font: normal 12px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font: normal 12px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
max-width: 72px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none; text-decoration: none;
white-space: nowrap;
}
article.snipt aside section.tags ul li a:hover {
border-color: #000;
color: #000;
}
article.snipt aside.expanded li {
display: block;
} }
article.snipt footer { article.snipt footer {
clear: both; clear: both;

View File

@ -971,6 +971,7 @@ jQuery(function($) {
this.model.view = this; this.model.view = this;
this.$el = $(this.el); this.$el = $(this.el);
this.$container = $('div.container', this.$el); this.$container = $('div.container', this.$el);
this.$aside = $('aside', this.$el);
this.$expand_button = $('a.expand', this.$el); this.$expand_button = $('a.expand', this.$el);
}, },
events: { events: {
@ -978,6 +979,7 @@ jQuery(function($) {
}, },
expand: function() { expand: function() {
this.$container.toggleClass('expanded', 100); this.$container.toggleClass('expanded', 100);
this.$aside.toggleClass('expanded');
return false; return false;
} }
}); });

View File

@ -16,7 +16,6 @@ html, body {
body { body {
color: #666; color: #666;
font: normal 14px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font: normal 14px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
overflow-y: scroll;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
header.main { header.main {
@ -415,7 +414,7 @@ article.snipt div.container:after {
} }
article.snipt aside { article.snipt aside {
float: right; float: right;
margin: 29px 30px 0 0; margin: 23px 30px 0 0;
width: 100px; width: 100px;
} }
article.snipt aside ul.options li { article.snipt aside ul.options li {
@ -466,8 +465,20 @@ article.snipt aside section.tags ul li {
article.snipt aside section.tags ul li a { article.snipt aside section.tags ul li a {
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
color: #999; color: #999;
display: inline-block;
font: normal 12px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font: normal 12px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
max-width: 72px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none; text-decoration: none;
white-space: nowrap;
}
article.snipt aside section.tags ul li a:hover {
border-color: #000;
color: #000;
}
article.snipt aside.expanded li {
display: block;
} }
article.snipt footer { article.snipt footer {
clear: both; clear: both;

View File

@ -7,5 +7,5 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<a href="/public/tags/" class="view-all">View all public tags &raquo;</a> <a href="/public/tags/" class="view-all">View all &raquo;</a>
</section> </section>