colin
/
bookstack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Input WYSIWYG: Fixed up some dark mode elements

This commit is contained in:
Dan Brown 2023-12-22 15:16:06 +00:00
parent 7cd0629a75
commit 3668949705
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
3 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/wysiwyg/config.js
View File

@ -331,15 +331,13 @@ export function buildForInput(options) {
contextmenu: false, contextmenu: false,
toolbar: 'bold italic link bullist numlist', toolbar: 'bold italic link bullist numlist',
content_style: getContentStyle(options), content_style: getContentStyle(options),
color_map: colorMap,
file_picker_types: 'file', file_picker_types: 'file',
file_picker_callback: filePickerCallback, file_picker_callback: filePickerCallback,
init_instance_callback(editor) { init_instance_callback(editor) {
const head = editor.getDoc().querySelector('head'); const head = editor.getDoc().querySelector('head');
head.innerHTML += fetchCustomHeadContent(); head.innerHTML += fetchCustomHeadContent();
},
setup(editor) { editor.contentDocument.documentElement.classList.toggle('dark-mode', options.darkMode);
//
}, },
}; };
} }

1
resources/sass/_forms.scss
View File

@ -408,6 +408,7 @@ input[type=color] {
.description-input > .tox-tinymce { .description-input > .tox-tinymce {
border: 1px solid #DDD !important; border: 1px solid #DDD !important;
@include lightDark(border-color, #DDD !important, #000 !important);
border-radius: 3px; border-radius: 3px;
.tox-toolbar__primary { .tox-toolbar__primary {
justify-content: end; justify-content: end;

2
resources/views/books/parts/form.blade.php
View File

@ -39,7 +39,7 @@
</div> </div>
<div class="form-group collapsible" component="collapsible" id="template-control"> <div class="form-group collapsible" component="collapsible" id="template-control">
<button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false"> <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
<label for="template-manager">{{ trans('entities.books_default_template') }}</label> <label for="template-manager">{{ trans('entities.books_default_template') }}</label>
</button> </button>
<div refs="collapsible@content" class="collapse-content"> <div refs="collapsible@content" class="collapse-content">