added markup for keyword buttons. popcorn-port
authorhamidouk
Thu, 29 Dec 2011 15:19:13 +0100
branchpopcorn-port
changeset 545 992f92f35650
parent 544 c493cb634b45
child 546 be6b15bd7234
added markup for keyword buttons.
src/css/LdtPlayer.css
src/templates/createAnnotationWidget.html
--- a/src/css/LdtPlayer.css	Thu Dec 29 15:08:35 2011 +0100
+++ b/src/css/LdtPlayer.css	Thu Dec 29 15:19:13 2011 +0100
@@ -634,4 +634,22 @@
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
+}
+
+.Ldt-createAnnotation-present-keyword {
+  border: 1px solid #ffffff;
+  background-color: #217bcb;
+  color: #ffffff;
+  padding: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.Ldt-createAnnotation-absent-keyword {
+  border: 1px solid #ffffff;
+  background-color: #d93c71;
+  color: #ffffff;
+  padding: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
 }
\ No newline at end of file
--- a/src/templates/createAnnotationWidget.html	Thu Dec 29 15:08:35 2011 +0100
+++ b/src/templates/createAnnotationWidget.html	Thu Dec 29 15:19:13 2011 +0100
@@ -17,7 +17,10 @@
       </div> 
     </div>
     
-    <div class='Ldt-createAnnotation-keywords'>Add keywords : </div>          
+    <div class='Ldt-createAnnotation-keywords'>
+      Add keywords : <span class='Ldt-createAnnotation-present-keyword'>#faux-raccord</span>
+                     <span class='Ldt-createAnnotation-absent-keyword'>#mot-clef</span>
+    </div>          
     <div class='Ldt-createAnnotation-submitButton'>Submit</div>
   </div>
 </div>