src/widgets/AnnotationsList.css
changeset 1068 7623f9af9272
parent 1053 149a4ea20ea7
child 1069 2409cb4cebaf
--- a/src/widgets/AnnotationsList.css	Fri Sep 25 14:45:38 2015 +0200
+++ b/src/widgets/AnnotationsList.css	Fri Oct 02 11:27:17 2015 +0200
@@ -8,7 +8,6 @@
 .Ldt-AnnotationsListWidget {
     border: none; margin: 0; padding: 0;
     overflow: auto;
-    max-height: 380px;
 }
 .Ldt-AnnotationsListWidget a {
     text-decoration: none;
@@ -56,7 +55,8 @@
     clear: both;
     margin: 2px 0;
     padding: 2px 0;
-    min-height: 60px;
+    min-height: 3em;
+    position: relative;
 }
 .Ldt-AnnotationsList-li.selected {
     background-image: url(img/pinstripe-grey.png);
@@ -66,7 +66,8 @@
     width: 80px;
     height: 50px;
     text-align: center;
-    margin: 2px 0;
+    margin: 10px 2px;
+    box-shadow: #808080 0px 0px 2px;
 }
 .Ldt-AnnotationsList-Thumbnail {
     border: none;
@@ -113,6 +114,10 @@
     color: #0068c4;
 }
 
+.Ldt-AnnotationsList-Creator {
+    color: #aaa;
+}
+
 p.Ldt-AnnotationsList-Description {
     margin: 2px 0 2px 82px;
     font-size: 12px;
@@ -162,6 +167,50 @@
     background-position: 0 bottom;
 }
 
+.Ldt-AnnotationsList-EditControls {
+    opacity: 0;
+    position: absolute;
+    bottom: 2px;
+    right: 8px;
+}
+
+.Ldt-AnnotationsList-li:hover .Ldt-AnnotationsList-EditControls {
+    display: inline-block;
+    opacity: .8;
+    transition: opacity 1000ms ease-in-out;
+}
+
+.Ldt-AnnotationsList-EditControls > div {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    margin-left: 8px;
+}
+
+.Ldt-AnnotationsList-Delete {
+    background: url(img/delete.png);
+}
+
+.Ldt-AnnotationsList-Edit {
+    background: url(img/edit.png);
+}
+
+.Ldt-AnnotationsList-PublishAnnotation {
+    background: url(img/publish_annotation.png);
+}
+
+.published .Ldt-AnnotationsList-PublishAnnotation {
+    background: url(img/published_annotation.png);
+}
+
+.editing {
+    display: none;
+}
+
+.editableInput {
+    width: 80%;
+
 .Ldt-AnnotationsList-ScreenMain{
 	margin: 0px;
 	padding: 0px;