gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 15:49:00 +02:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

style/text editor/forms: various layout fixes

Browse Source
This commit is contained in:
Adorian Doran 2025-08-31 03:19:33 +03:00
parent ed748bbebd
commit d12dfabd0b
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
apps/client/src/stylesheets/theme-next/notes/text.css
View File

@ -4,6 +4,7 @@
:root { :root {
--ck-font-face: var(--main-font-family); --ck-font-face: var(--main-font-family);
--ck-input-label-height: 1.5em;
} }
/* /*
@ -425,10 +426,16 @@ div.ck-template-form .ck-search__info span:nth-child(2) {
border-top: none; border-top: none;
} }
/* Bookmark dropdown */ /* Emoji dropdown */
.ck.ck-bookmark-form .ck-form__row_with-submit { .ck-emoji-picker-form .ck-emoji__search .ck-button_with-text {
align-items: center; margin-top: var(--ck-input-label-height);
}
/* Find and replace dialog */
.ck-find-and-replace-form .ck-find-and-replace-form__inputs button {
margin-top: var(--ck-input-label-height);
} }
/* Mention list (the autocompletion list for emojis, labels and relations) */ /* Mention list (the autocompletion list for emojis, labels and relations) */
@ -462,11 +469,13 @@ button.ck.ck-button.ck-button-action.ck-button_with-text {
*/ */
.ck.ck-labeled-field-view { .ck.ck-labeled-field-view {
padding-top: 1.5em !important; /* Create space for the label */ padding-top: var(--ck-input-label-height) !important; /* Create space for the label */
} }
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > label.ck.ck-label { .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > label.ck.ck-label {
transform: translate(0, -1.7em) !important; /* Move the label above the text box regardless of the text box state */ /* Move the label above the text box regardless of the text box state */
transform: translate(0, calc(-.2em - var(--ck-input-label-height))) !important;
padding-left: 0 !important; padding-left: 0 !important;
background: transparent; background: transparent;
font-size: .85em; font-size: .85em;
@ -474,8 +483,13 @@ button.ck.ck-button.ck-button-action.ck-button_with-text {
} }
/* Forms */ /* Forms */
.ck.ck-form__row_with-submit {
align-items: flex-end; :root .ck.ck-form__row.ck-form__row_with-submit > :not(:first-child) {
margin-inline-start: 16px;
}
.ck.ck-form__row_with-submit button {
margin-top: var(--ck-input-label-height);
} }
.ck.ck-form__header { .ck.ck-form__header {