Infra-Mirrors/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-07-01 00:51:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleaned mce edit bar and image options

Browse Source
This commit is contained in:
Dan Brown 2015-10-18 20:06:49 +01:00
parent 3fd2613ab7
commit eafdeea98f
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/assets/js/pages/page-form.js
View File

@ -14,14 +14,14 @@ module.exports = {
extended_valid_elements: 'pre[*]',
automatic_uploads: false,
valid_children: "-div[p|pre|h1|h2|h3|h4|h5|h6|blockquote]",
plugins: "image table textcolor paste link imagetools fullscreen code hr",
plugins: "image table textcolor paste link fullscreen imagetools code hr",
imagetools_toolbar: 'imageoptions',
toolbar: "undo redo | styleselect | bold italic underline strikethrough superscript subscript | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image-insert link hr | removeformat code fullscreen",
content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}",
style_formats: [
{title: "Header 1", format: "h1"},
{title: "Header 2", format: "h2"},
{title: "Header 3", format: "h3"},
{title: "Header 4", format: "h4"},
{title: "Paragraph", format: "p"},
{title: "Blockquote", format: "blockquote"},
{title: "Code Block", icon: "code", format: "pre"},

5
resources/assets/sass/_pages.scss
View File

@ -17,6 +17,7 @@
.page-content {
max-width: 840px;
overflow-wrap: break-word;
.align-left {
float: left !important;
text-align: left;
@ -37,6 +38,10 @@
h1, h2, h3, h4, h5, h6 {
clear: both;
}
hr {
clear: both;
margin: $-m 0;
}
}
// Page content pointers

7
resources/assets/sass/_tinymce.scss
View File

@ -30,7 +30,12 @@
background-color: #FFF;
}
}
.mce-tinymce.mce-container.mce-panel {
.mce-container-body.mce-flow-layout {
text-align: center;
}
.edit-area.flex > .mce-tinymce.mce-container.mce-panel {
height: 100%;
max-height: 100%;
flex: 1;