editor: fixing, refactoring, improving styling in choice exercises

[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / comments / comments.less

diff --git a/src/editor/modules/documentCanvas/canvas/comments/comments.less b/src/editor/modules/documentCanvas/canvas/comments/comments.less
index 7476123..688d3f8 100644 (file)
--- a/src/editor/modules/documentCanvas/canvas/comments/comments.less
+++ b/src/editor/modules/documentCanvas/canvas/comments/comments.less
@@ -1,17 +1,22 @@
 .comments {
 .comments {

-    @borderColor: darken(#FFFCB7, 15%);
+    @borderColor: darken(#FFFCB7, 45%);

 
     font-size: 12px;
 
     .comment {
 
     font-size: 12px;
 
     .comment {

+        position: relative;

         
         border-color: @borderColor;
         border-style: solid;
         
         border-color: @borderColor;
         border-style: solid;

-        border-width: 1px;
-        margin-top: 10px;
+        border-width: 1px 0;
+        margin-top: -1px;
+        padding-bottom: 10px;
+
+        &:first-child {
+            margin-top:0;
+        }

 
         .header {
 
         .header {

-            border-bottom: 1px solid @borderColor;

             padding: 0 3px;
             font-size: 10px;
             
             padding: 0 3px;
             font-size: 10px;
             


@@ -30,23 +35,35 @@
         .edit {
             display: none;
         }
         .edit {
             display: none;
         }

+
+        .deleteDialog {
+            display: none;
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            padding-top: 15px;
+            color: white;
+            background-color: rgba(0,0,0,0.7);
+            text-align: center;
+        }

     }
 
     .newComment {
         margin-top: 10px;
     }
 
     .newComment {
         margin-top: 10px;

+    }

 
 

-        textarea {
-            display: block;
-            width: 95%;
-            padding: 2px 2px;
-            margin: 0 0 10px 0;
-            font-size: 12px;
-            resize: vertical;
-            outline: none !important;
-            box-shadow: none;
+    textarea {
+        display: block;
+        width: calc(~'100% - 4px');
+        padding: 2px 2px;
+        margin: 0 0 10px 0;
+        font-size: 12px;
+        resize: vertical;
+        outline: none !important;
+        box-shadow: none;

 
 

-        }

     }
 
     }
 

-

 }
\ No newline at end of file
 }
\ No newline at end of file