This
parent
df969c0742
commit
b37bd1e745
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -7,5 +7,5 @@
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
<a href="/public/tags/" class="view-all">View all public tags »</a>
|
<a href="/public/tags/" class="view-all">View all »</a>
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in New Issue