Refresh player and admin UI
This commit is contained in:
+135
-30
@@ -769,8 +769,6 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Text region controls. */
|
||||
|
||||
.template-field-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -779,16 +777,6 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.template-text-style-row {
|
||||
margin-top: 0;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.template-text-style-row input[type="color"] {
|
||||
height: 44px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.users-table th:last-child {
|
||||
width: 220px;
|
||||
}
|
||||
@@ -1170,6 +1158,19 @@ button.is-blackout {
|
||||
background: linear-gradient(180deg, #f59e0b, #d97706);
|
||||
}
|
||||
|
||||
.ce-inline-toolbar__buttons button,
|
||||
.ce-inline-toolbar__actions button {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ce-inline-toolbar__buttons button:hover,
|
||||
.ce-inline-toolbar__actions button:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
filter: none;
|
||||
}
|
||||
|
||||
a.button-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -2022,8 +2023,8 @@ table td .actions form {
|
||||
}
|
||||
|
||||
.slide-preview-text-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform-origin: top left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slide-preview-image-region {
|
||||
@@ -2234,33 +2235,137 @@ table td .actions form {
|
||||
border-color: var(--primary);
|
||||
}
|
||||
|
||||
.editorjs-holder {
|
||||
min-height: 240px;
|
||||
border: 1px solid var(--border-strong);
|
||||
border-radius: 8px;
|
||||
padding: 16px 12px 12px;
|
||||
.ckeditor-holder {
|
||||
min-height: 360px;
|
||||
background: var(--editor-paper);
|
||||
color: var(--editor-text);
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.editorjs-holder .codex-editor,
|
||||
.editorjs-holder .codex-editor__redactor,
|
||||
.editorjs-holder .ce-block,
|
||||
.editorjs-holder .ce-paragraph,
|
||||
.editorjs-holder .ce-header,
|
||||
.editorjs-holder .ce-list,
|
||||
.editorjs-holder .ce-list__item,
|
||||
.editorjs-holder [contenteditable],
|
||||
.editorjs-holder [contenteditable] * {
|
||||
html[data-theme='dark'] .ckeditor-holder {
|
||||
color-scheme: dark;
|
||||
--editor-paper: #111b2d;
|
||||
--editor-text: #e6eefb;
|
||||
--ck-color-base-foreground: #111b2d;
|
||||
--ck-color-base-background: #111b2d;
|
||||
--ck-color-base-border: rgba(148, 163, 184, 0.22);
|
||||
--ck-color-base-text: #e6eefb;
|
||||
--ck-color-text: #e6eefb;
|
||||
--ck-color-base-active: #60a5fa;
|
||||
--ck-color-base-active-focus: #93c5fd;
|
||||
--ck-color-base-focus: #60a5fa;
|
||||
--ck-color-focus-border: rgba(96, 165, 250, 0.92);
|
||||
--ck-color-focus-outer-shadow: rgba(96, 165, 250, 0.28);
|
||||
--ck-color-toolbar-background: #111b2d;
|
||||
--ck-color-toolbar-border: rgba(148, 163, 184, 0.2);
|
||||
--ck-color-dropdown-panel-background: #111b2d;
|
||||
--ck-color-dropdown-panel-border: rgba(148, 163, 184, 0.22);
|
||||
--ck-color-panel-background: #111b2d;
|
||||
--ck-color-panel-border: rgba(148, 163, 184, 0.22);
|
||||
--ck-color-dialog-background: #111b2d;
|
||||
--ck-color-dialog-form-header-border: rgba(148, 163, 184, 0.18);
|
||||
--ck-color-input-background: #0e1728;
|
||||
--ck-color-input-border: rgba(148, 163, 184, 0.22);
|
||||
--ck-color-input-text: #e6eefb;
|
||||
--ck-color-list-background: #111b2d;
|
||||
--ck-color-list-button-hover-background: #162235;
|
||||
--ck-color-list-button-on-background: #1b2a41;
|
||||
--ck-color-list-button-on-background-focus: #22324a;
|
||||
--ck-color-list-button-on-text: #e6eefb;
|
||||
--ck-color-button-default-hover-background: #162235;
|
||||
--ck-color-button-default-active-background: #1b2a41;
|
||||
--ck-color-button-on-background: #1b2a41;
|
||||
--ck-color-button-on-hover-background: #22324a;
|
||||
--ck-color-button-on-active-background: #22324a;
|
||||
--ck-color-button-on-color: #93c5fd;
|
||||
--ck-color-button-on-disabled-background: #162235;
|
||||
--ck-color-button-action-background: #2563eb;
|
||||
--ck-color-button-action-hover-background: #1d4ed8;
|
||||
--ck-color-button-action-active-background: #1d4ed8;
|
||||
--ck-color-button-action-disabled-background: #3b82f6;
|
||||
--ck-color-button-action-text: #ffffff;
|
||||
--ck-color-switch-button-off-background: #475569;
|
||||
--ck-color-switch-button-off-hover-background: #64748b;
|
||||
--ck-color-switch-button-inner-background: #111b2d;
|
||||
--ck-color-switch-button-inner-shadow: rgba(2, 6, 23, 0.45);
|
||||
--ck-color-engine-placeholder-text: #94a3b8;
|
||||
--ck-powered-by-background: #111b2d;
|
||||
--ck-powered-by-text-color: #cbd5e1;
|
||||
--ck-evaluation-badge-background: #111b2d;
|
||||
--ck-evaluation-badge-text-color: #cbd5e1;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ckeditor-source {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-editor,
|
||||
.ckeditor-holder .ck-editor__main,
|
||||
.ckeditor-holder .ck-editor__editable,
|
||||
.ckeditor-holder .ck-content,
|
||||
.ckeditor-holder .ck-editor__editable * {
|
||||
color: var(--editor-text);
|
||||
}
|
||||
|
||||
.editorjs-holder [contenteditable] {
|
||||
.ckeditor-holder .ck button,
|
||||
.ckeditor-holder .ck button:hover,
|
||||
.ckeditor-holder .ck button:active,
|
||||
.ckeditor-holder .ck button:focus,
|
||||
.ckeditor-holder .ck button:focus-visible {
|
||||
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-font-size-input,
|
||||
.ckeditor-holder .ck-font-size-input.ck-input-text,
|
||||
.ckeditor-holder .ck-font-size-input.ck-input-number,
|
||||
.ckeditor-holder .ck-font-size-input .ck-input__field,
|
||||
.ckeditor-holder .ck-font-size-input input {
|
||||
width: 72px !important;
|
||||
min-width: 72px !important;
|
||||
max-width: 72px !important;
|
||||
flex: 0 0 72px !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-font-size-input,
|
||||
.ckeditor-holder .ck-font-size-input .ck-input__field,
|
||||
.ckeditor-holder .ck-font-size-input input {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-font-size-input input::-webkit-outer-spin-button,
|
||||
.ckeditor-holder .ck-font-size-input input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-font-size-input input[type='number'] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-content {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-editor__editable {
|
||||
caret-color: var(--editor-text);
|
||||
}
|
||||
|
||||
.editorjs-holder .codex-editor__redactor [contenteditable]:empty:after {
|
||||
.ckeditor-holder .ck-editor__editable.ck-focused {
|
||||
border-color: var(--primary);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-editor__editable:not(.ck-editor__nested-editable) {
|
||||
min-height: 360px;
|
||||
}
|
||||
|
||||
.ckeditor-holder .ck-placeholder:before {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user