diff --git a/snipt/media/cache/snipt.css b/snipt/media/cache/snipt.css
index 0fa0c03..b953b1e 100644
--- a/snipt/media/cache/snipt.css
+++ b/snipt/media/cache/snipt.css
@@ -420,7 +420,6 @@ html, body {
body {
color: #666;
font: normal 14px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
- overflow-y: scroll;
text-rendering: optimizeLegibility;
}
header.main {
@@ -819,7 +818,7 @@ article.snipt div.container:after {
}
article.snipt aside {
float: right;
- margin: 29px 30px 0 0;
+ margin: 23px 30px 0 0;
width: 100px;
}
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 {
border-bottom: 1px solid #999;
color: #999;
+ display: inline-block;
font: normal 12px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
+ max-width: 72px;
+ overflow: hidden;
+ text-overflow: ellipsis;
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 {
clear: both;
diff --git a/snipt/media/cache/snipt.js b/snipt/media/cache/snipt.js
index 914d5f1..1d79cb4 100644
--- a/snipt/media/cache/snipt.js
+++ b/snipt/media/cache/snipt.js
@@ -971,6 +971,7 @@ jQuery(function($) {
this.model.view = this;
this.$el = $(this.el);
this.$container = $('div.container', this.$el);
+ this.$aside = $('aside', this.$el);
this.$expand_button = $('a.expand', this.$el);
},
events: {
@@ -978,6 +979,7 @@ jQuery(function($) {
},
expand: function() {
this.$container.toggleClass('expanded', 100);
+ this.$aside.toggleClass('expanded');
return false;
}
});
diff --git a/snipt/media/css/style.css b/snipt/media/css/style.css
index 97ead45..9693f82 100644
--- a/snipt/media/css/style.css
+++ b/snipt/media/css/style.css
@@ -16,7 +16,6 @@ html, body {
body {
color: #666;
font: normal 14px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
- overflow-y: scroll;
text-rendering: optimizeLegibility;
}
header.main {
@@ -415,7 +414,7 @@ article.snipt div.container:after {
}
article.snipt aside {
float: right;
- margin: 29px 30px 0 0;
+ margin: 23px 30px 0 0;
width: 100px;
}
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 {
border-bottom: 1px solid #999;
color: #999;
+ display: inline-block;
font: normal 12px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
+ max-width: 72px;
+ overflow: hidden;
+ text-overflow: ellipsis;
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 {
clear: both;
diff --git a/snipt/snipts/templates/snipts/tags-public.html b/snipt/snipts/templates/snipts/tags-public.html
index 43ae340..c0e71fc 100644
--- a/snipt/snipts/templates/snipts/tags-public.html
+++ b/snipt/snipts/templates/snipts/tags-public.html
@@ -7,5 +7,5 @@
{% endfor %}
- View all public tags »
+ View all »