replace 'add comment' button
authorgibus
Thu, 08 Sep 2011 15:15:23 +0200
changeset 375 d6439b3eb2de
parent 374 aa71c04f5832
child 376 431fdca06662
replace 'add comment' button
src/cm/media/css/site/text_view_frame.css
src/cm/media/img/add_plus.png
src/cm/media/img/note_add_sop_mid.gif
src/cm/media/img/note_add_sop_mid_old.gif
src/cm/media/js/client/c_sync.js
src/cm/templates/site/text_view_frame.html
--- a/src/cm/media/css/site/text_view_frame.css	Thu Sep 08 15:14:25 2011 +0200
+++ b/src/cm/media/css/site/text_view_frame.css	Thu Sep 08 15:15:23 2011 +0200
@@ -165,8 +165,24 @@
  }
  
 #add_comment_btn {
-	position:absolute;
-	left:3px; 
-    z-index:999;
-    cursor:pointer;
-}
\ No newline at end of file
+  position:absolute;
+  left:3px; 
+  z-index:999;
+  cursor:pointer;
+  padding: 3px 5px;
+  background-color: #fece46;
+  -moz-box-shadow: 2px 3px 3px #888;
+  -webkit-box-shadow: 2px 3px 3px #888;
+  box-shadow: 2px 3px 3px #888;
+  color:#050;
+  font: bold 70% 'trebuchet ms',helvetica,sans-serif;
+  border: 1px solid;
+  border-color: #696 #363 #363 #696;
+  filter:progid:DXImageTransform.Microsoft.Gradient
+  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
+}
+
+#add_comment_btn:hover {
+  color:#030;
+}
+
Binary file src/cm/media/img/add_plus.png has changed
Binary file src/cm/media/img/note_add_sop_mid.gif has changed
Binary file src/cm/media/img/note_add_sop_mid_old.gif has changed
--- a/src/cm/media/js/client/c_sync.js	Thu Sep 08 15:14:25 2011 +0200
+++ b/src/cm/media/js/client/c_sync.js	Thu Sep 08 15:15:23 2011 +0200
@@ -482,7 +482,8 @@
     checkForOpenedDialog(null, function() {
       gShowingAllComments = true ;
       var allTopComments = CY.Array.map(gDb.comments, function(c){return c.id;}) ;
-      this.showComments(allTopComments, [0,0], true) ;
+      // GIB: go down the 'add comment' icon
+      this.showComments(allTopComments, [0,30], true) ;
     }, this, null) ;
   },
 
@@ -491,7 +492,8 @@
       gShowingAllComments = true ;
       var scopeRemovedComments = CY.Array.filter(gDb.comments, function(comment) { return (comment.start_wrapper == -1) ; }) ;
       var scopeRemovedCommentIds = CY.Array.map(scopeRemovedComments, function(c){return c.id;}) ;
-      this.showComments(scopeRemovedCommentIds, [0,0], true) ;
+      // GIB: go down the 'add comment' icon
+      this.showComments(scopeRemovedCommentIds, [0,30], true) ;
       
     }, this, null) ;
   },
--- a/src/cm/templates/site/text_view_frame.html	Thu Sep 08 15:14:25 2011 +0200
+++ b/src/cm/templates/site/text_view_frame.html	Thu Sep 08 15:15:23 2011 +0200
@@ -61,7 +61,8 @@
 <BODY>
 
     <DIV id="add_comment_btn" class="initially_hidden"> 
-		<img align="middle" src="{{ CM_MEDIA_PREFIX }}img/note_add_sop_mid.gif" alt="{% blocktrans %}add a comment{% endblocktrans %}" title="{% blocktrans %}add a comment{% endblocktrans %}"/>
+    <img style="vertical-align: middle;" src="{{ CM_MEDIA_PREFIX }}img/add_plus.png" alt="{% blocktrans %}add a comment{% endblocktrans %}" title="{% blocktrans %}add a comment{% endblocktrans %}"/>
+    <span>{% blocktrans %}comment{% endblocktrans %}</span>
     </DIV>
 	<!-- cf.http://layout.jquery-dev.net/download/example.html -->
 	<!-- TODO check height 600 ... -->
@@ -120,4 +121,4 @@
     </div>
 </div>
 </BODY>
-</html>
\ No newline at end of file
+</html>