044ecf2157
This isn't ideal, but it mostly works, and keeps the dialogs vertically (if not horizontally) moveable. It would be nice if the dialogs automatically flowed to the available width. This could be turned off in standalone note windows above a certain width.
168 lines
2.6 KiB
CSS
168 lines
2.6 KiB
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-btn-small button {
|
|
padding-left: 4px !important;
|
|
padding-right: 4px !important;
|
|
}
|
|
|
|
.mce-listbox button {
|
|
padding-right: 12px !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 popups within frame
|
|
*
|
|
* Modified from http://stackoverflow.com/a/34627616
|
|
*/
|
|
#mce-modal-block {
|
|
}
|
|
|
|
.mce-window {
|
|
width: auto !important;
|
|
background: none !important;
|
|
}
|
|
|
|
/* This is unfortunate, but without it the Search/Replace window runs off the left side when the
|
|
pane is too narrow */
|
|
.mce-window:not([role=alertdialog]) {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.mce-window-head {
|
|
background: #fff !important;
|
|
}
|
|
|
|
.mce-window-body {
|
|
background: #fff !important;
|
|
}
|
|
|
|
.mce-foot {
|
|
}
|
|
|
|
.mce-foot > .mce-container-body {
|
|
padding: 10px !important;
|
|
}
|
|
|
|
.mce-foot button {
|
|
}
|
|
|
|
.mce-panel {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.mce-container {
|
|
max-width: 100% !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
.mce-container-body {
|
|
max-width: 100% !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
.mce-form {
|
|
padding: 10px !important;
|
|
}
|
|
|
|
.mce-tabs {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.mce-tabs .mce-tab, .mce-tabs .mce-tab.mce-active {
|
|
}
|
|
|
|
.mce-formitem {
|
|
margin: 10px 0 !important;
|
|
}
|
|
|
|
/* Keep button sizes consistent */
|
|
.mce-window .mce-menubtn {
|
|
min-width: 150px
|
|
}
|
|
|
|
.mce-foot .mce-primary {
|
|
|
|
}
|
|
|
|
/* Space out buttons */
|
|
.mce-foot .mce-btn {
|
|
margin-right: 6px;
|
|
margin-top: 5px;
|
|
min-width: 75px !important;;
|
|
}
|
|
|
|
/* Correct for margin on buttons */
|
|
.mce-foot .mce-container-body {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
/* Space out alerts (e.g., string not found in search) */
|
|
.mce-floatpanel[role=alertdialog] .mce-window-body .mce-first {
|
|
padding: 20px 40px 0;
|
|
}
|
|
|
|
.mce-abs-layout-item {
|
|
position: static !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
.mce-abs-layout-item.mce-label {
|
|
display: block !important;
|
|
}
|
|
|
|
.mce-abs-layout-item.mce-textbox {
|
|
box-sizing: border-box !important;
|
|
display: block !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.mce-abs-layout-item.mce-combobox {
|
|
display: flex !important;
|
|
}
|
|
|
|
.mce-abs-layout-item.mce-combobox > .mce-textbox {
|
|
flex: 1 1 auto;
|
|
height: 29px !important;
|
|
}
|
|
|
|
|
|
|
|
#noScriptWarning {
|
|
padding: 4px;
|
|
font-family: sans-serif;
|
|
font-size: 12px;
|
|
}
|