editor: gutter comments - refactoring and clean up
[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / comments / comments.less
1 .comments {
2     @borderColor: darken(#FFFCB7, 45%);
3
4     font-size: 12px;
5
6     .comment {
7         position: relative;
8         
9         border-color: @borderColor;
10         border-style: solid;
11         border-width: 1px 0;
12         margin-top: -1px;
13         padding-bottom: 10px;
14
15         &:first-child {
16             margin-top:0;
17         }
18
19         .header {
20             padding: 0 3px;
21             font-size: 10px;
22             
23             .author {
24                 
25             }
26             .date {
27                 float: right;
28             }
29         }
30
31         .content {
32             padding: 5px;
33         }
34
35         .edit {
36             display: none;
37         }
38
39         .deleteDialog {
40             display: none;
41             position: absolute;
42             top: 0;
43             bottom: 0;
44             left: 0;
45             right: 0;
46             padding-top: 15px;
47             color: white;
48             background-color: rgba(0,0,0,0.7);
49             text-align: center;
50         }
51     }
52
53     .newComment {
54         margin-top: 10px;
55     }
56
57     textarea {
58         display: block;
59         width: calc(~'100% - 4px');
60         padding: 2px 2px;
61         margin: 0 0 10px 0;
62         font-size: 12px;
63         resize: vertical;
64         outline: none !important;
65         box-shadow: none;
66
67     }
68
69 }