npm
/
react-native-zss-rich-text-editor
Watch 10
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 3 Wiki Activity
Browse Source

fixed title class + some styles

Artal Druk 8 years ago
parent
a855d99cab
commit
7bece37261
2 changed files with 20 additions and 2 deletions
Split View Show Diff Stats
  1. 19
    1
      src/ZSSRichTextEditor/style.css
  2. 1
    1
      src/editor.html

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

@@ -9,10 +9,15 @@ html, body {
9 9 
     padding: 0;
10 10 
     margin: 0;
11 11 
     font-family: Arial, Helvetica, sans-serif;
12 
+    font-size:1em;
13 
+    color:#2d4150;
12 14 
 }
13 15
14 16 
 body {
15 
-    padding: 10px;
17 
+    padding-left:10px;
18 
+    padding-right:10px;
19 
+    padding-top: 0px;
20 
+    padding-bottom: 0px;
16 21 
     overflow-y: scroll;
17 22 
     -webkit-overflow-scrolling: touch;
18 23 
     height: 100%;
 
@@ -41,6 +46,13 @@ div.zs_editor_content {
41 46 
     overflow:auto;
42 47 
 }
43 48
49 
+div.zss_editor_title {
50 
+    font-family: 'Helvetica Neue Light', sans-serif;
51 
+    font-size: 23px;
52 
+    line-height: 31px;
53 
+    color: #2d4150;
54 
+}
55 
+
44 56 
 [placeholder]:empty:before {
45 57 
     content: attr(placeholder);
46 58 
     color: #555;
 
@@ -48,4 +60,10 @@ div.zs_editor_content {
48 60
49 61 
 [placeholder]:empty:focus:before {
50 62 
     content: "";
63 
+}
64 
+
65 
+hr {
66 
+    border: none;
67 
+    height: 1px;
68 
+    background-color: #e7e7e7;
51 69 
 }

+ 1
- 1
src/editor.html View File 

@@ -15,7 +15,7 @@
15 15
16 16 
 	<body onLoad="zss_editor.init();">
17 17 
 		<!-- ZSSRichTextEditor Editable Content -->
18 
-		<div id="zss_editor_title" class="zs_editor_content" contenteditable="true" placeholder="" disableLineBreaks="true"></div>
18 
+		<div id="zss_editor_title" class="zss_editor_title" contenteditable="true" placeholder="" disableLineBreaks="true"></div>
19 19 
 		<div><hr></div>
20 20 
 		<div id="zss_editor_content" class="zs_editor_content" contenteditable="true" placeholder=""></div>
21 21 
 	</body>