Enlarge the editor size

parent 4d9e927d
......@@ -8,6 +8,7 @@
<@css katex.min.css %>
<@css articles_edit.css %>
<@css custom-blue-theme.css %>
<@css editor.css %>
<@js quill.min.js %>
<@js katex.min.js %>
<@js editor.js %>
......@@ -19,7 +20,7 @@
<%= post-content %>
</div>
<div id="edit-content" class="container">
<div id="edit-content" class="container edit-content-view">
<div class="msg-layer-none" id="msg-layer"></div>
<div class="row">
......
......@@ -6,6 +6,7 @@
<@css quill.snow.css %>
<@css quill.bubble.css %>
<@css katex.min.css %>
<@css editor.css %>
<@js quill.min.js %>
<@js katex.min.js %>
<@js editor.js %>
......@@ -48,55 +49,55 @@
</div>
</div>
<div id="standalone-container">
<div id="toolbar-container">
<span class="ql-formats">
<select class="ql-font">
<option selected>Open Sans</option>
<div id="toolbar-container">
<span class="ql-formats">
<select class="ql-font">
<option selected>Open Sans</option>
</select>
<select class="ql-size"></select>
<select class="ql-size"></select>
</span>
<span class="ql-formats">
<button class="ql-bold"></button>
<button class="ql-italic"></button>
<button class="ql-underline"></button>
<button class="ql-strike"></button>
<span class="ql-formats">
<button class="ql-bold"></button>
<button class="ql-italic"></button>
<button class="ql-underline"></button>
<button class="ql-strike"></button>
</span>
<span class="ql-formats">
<select class="ql-color"></select>
<select class="ql-background"></select>
<span class="ql-formats">
<select class="ql-color"></select>
<select class="ql-background"></select>
</span>
<span class="ql-formats">
<button class="ql-script" value="sub"></button>
<button class="ql-script" value="super"></button>
<span class="ql-formats">
<button class="ql-script" value="sub"></button>
<button class="ql-script" value="super"></button>
</span>
<span class="ql-formats">
<button class="ql-header" value="1"></button>
<button class="ql-header" value="2"></button>
<button class="ql-blockquote"></button>
<button class="ql-code-block"></button>
<span class="ql-formats">
<button class="ql-header" value="1"></button>
<button class="ql-header" value="2"></button>
<button class="ql-blockquote"></button>
<button class="ql-code-block"></button>
</span>
<span class="ql-formats">
<button class="ql-list" value="ordered"></button>
<button class="ql-list" value="bullet"></button>
<button class="ql-indent" value="-1"></button>
<button class="ql-indent" value="+1"></button>
<span class="ql-formats">
<button class="ql-list" value="ordered"></button>
<button class="ql-list" value="bullet"></button>
<button class="ql-indent" value="-1"></button>
<button class="ql-indent" value="+1"></button>
</span>
<span class="ql-formats">
<button class="ql-direction" value="rtl"></button>
<select class="ql-align"></select>
<span class="ql-formats">
<button class="ql-direction" value="rtl"></button>
<select class="ql-align"></select>
</span>
<span class="ql-formats">
<button class="ql-link"></button>
<button class="ql-image"></button>
<button class="ql-video"></button>
<button class="ql-formula"></button>
<span class="ql-formats">
<button class="ql-link"></button>
<button class="ql-image"></button>
<button class="ql-video"></button>
<button class="ql-formula"></button>
</span>
<span class="ql-formats">
<button class="ql-clean"></button>
<span class="ql-formats">
<button class="ql-clean"></button>
</span>
</div>
<div id="editor-container"></div>
</div>
<div id="editor-container"></div>
</div>
<button class="btn blue darken-2 article-buttons" onclick="submit_post()" id="submit-button">Submit</button>
</div>
</body>
......
......@@ -101,6 +101,7 @@
*/
.main-content {
margin-top: 50px;
width: 93%;
}
h2, h3 {
......
.ql-editor {
font-size: 26px;
}
.edit-content-view {
width: 93%;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment