
- New flat theme (with padding tightened a bit from the default to fit in right-hand pane) - Adds search/replace within notes - Adds URL autolinking - Image pasting/dragging is now properly disallowed (though TinyMCE 4 has hooks that may allow us to actually support this by automatically creating attachments) - New blockquote style with color bar - Replaces custom context menu on link click with built-in version To-do: - Fix display of pop-ups, which are now modal dialogs within the note frame instead of pop-up windows, to stay fully within the frame - Localize (more important now that there are tooltips) - Support image dragging - Update elements list for HTML5, for better drag-and-drop? - Move directionality control to context menu instead of taking up toolbar space? - Evaluate other plugins for potential inclusion - Show additional controls in separate note window? - Fix opacity of text in tooltips Closes #451, closes #421
57 lines
933 B
CSS
57 lines
933 B
CSS
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Stretch editor to fit frame */
|
|
#tinymce_ifr, .mce-tinymce:not(.mce-floatpanel) {
|
|
height: 100% !important;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.mce-container-body {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.mce-container-body .mce-edit-area {
|
|
position: absolute;
|
|
top: 57px;
|
|
bottom: 1px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
/* Shrink the buttons a bit */
|
|
.mce-listbox button {
|
|
padding-right: 8px !important;
|
|
}
|
|
|
|
.mce-btn-small button {
|
|
padding-left: 4px !important;
|
|
padding-right: 4px !important;
|
|
}
|
|
|
|
/* Tighten some padding */
|
|
.mce-toolbar:first-child > div > :nth-child(3) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mce-toolbar:last-child > div > :nth-child(2) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Keep popup windows within frame */
|
|
.mce-window {
|
|
max-width: calc(100% - 15px) !important;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#noScriptWarning {
|
|
padding: 4px;
|
|
font-family: sans-serif;
|
|
font-size: 12px;
|
|
}
|