use html5 placeholder and hide labels,

[wolnelektury.git] / wolnelektury / static / css / social / shelf_tags.css

diff --git a/wolnelektury/static/css/social/shelf_tags.css b/wolnelektury/static/css/social/shelf_tags.css
index b963b1c..812a1c9 100755 (executable)
--- a/wolnelektury/static/css/social/shelf_tags.css
+++ b/wolnelektury/static/css/social/shelf_tags.css
@@ -2,11 +2,21 @@
     list-style: none;
     padding: 0;
     margin: 1em 0;
+    width: 30em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    position:absolute;
+    margin-left: 15.4em;
+    top: 13.5em;
+    padding: .5em 0;
+    background: #fff;
 }
 
 .social-shelf-tags li {
     display: inline-block;
     margin-right:1em;
+    margin-bottom: .5em;
 }
 
 .social-shelf-tags a {
@@ -16,3 +26,11 @@
     color: #0b838d;
     border-radius: 1em;
 }
+
+
+.social-shelf-tags:hover {
+    overflow: visible;
+    text-overflow: ellipsis;
+    white-space: normal;
+    z-index: 1000;
+}