Artal Druk 8 years ago
parent
commit
824e554c70
2 changed files with 19 additions and 2 deletions
  1. 18
    1
      src/ZSSRichTextEditor/style.css
  2. 1
    1
      src/editor.html

+ 18
- 1
src/ZSSRichTextEditor/style.css View File

44
     height: 100%;
44
     height: 100%;
45
     -webkit-overflow-scrolling: touch;
45
     -webkit-overflow-scrolling: touch;
46
     overflow:auto;
46
     overflow:auto;
47
+
48
+}
49
+
50
+#zss_editor_content {
51
+    padding-left: 10px;
52
+    padding-right: 10px;
47
 }
53
 }
48
 
54
 
49
 div.zss_editor_title {
55
 div.zss_editor_title {
53
     color: #2d4150;
59
     color: #2d4150;
54
 }
60
 }
55
 
61
 
62
+#zss_editor_title {
63
+    padding-left: 10px;
64
+    padding-right: 10px;
65
+}
66
+
56
 [placeholder]:empty:before {
67
 [placeholder]:empty:before {
57
     content: attr(placeholder);
68
     content: attr(placeholder);
58
-    color: #c0c0c0;
69
+    color: #e0e0e0;
59
 }
70
 }
60
 
71
 
61
 [placeholder]:empty:focus:before {
72
 [placeholder]:empty:focus:before {
67
     border: none;
78
     border: none;
68
     height: 1px;
79
     height: 1px;
69
     background-color: #e7e7e7;
80
     background-color: #e7e7e7;
81
+}
82
+
83
+#separatorContainer {
84
+    -webkit-user-select: none;
85
+    padding-left: 10px;
86
+    padding-right: 10px;
70
 }
87
 }

+ 1
- 1
src/editor.html View File

24
 	<body onLoad="zss_editor.init();">
24
 	<body onLoad="zss_editor.init();">
25
 		<!-- ZSSRichTextEditor Editable Content -->
25
 		<!-- ZSSRichTextEditor Editable Content -->
26
 		<div id="zss_editor_title" class="zss_editor_title" contenteditable="true" placeholder="" disableLineBreaks="true"></div>
26
 		<div id="zss_editor_title" class="zss_editor_title" contenteditable="true" placeholder="" disableLineBreaks="true"></div>
27
-		<div><hr></div>
27
+		<div id="separatorContainer"><hr></div>
28
 		<div id="zss_editor_content" class="zs_editor_content" contenteditable="true" placeholder=""></div>
28
 		<div id="zss_editor_content" class="zs_editor_content" contenteditable="true" placeholder=""></div>
29
 	</body>
29
 	</body>
30
 </html>
30
 </html>