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

style/text editor/forms: restyle text boxes

Browse Source
This commit is contained in:
Adorian Doran 2025-08-31 01:45:12 +03:00
parent fcb77360e1
commit 1e2e3498c6
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/stylesheets/theme-next/forms.css
View File

@ -149,6 +149,7 @@ input[type="password"],
input[type="date"], input[type="date"],
input[type="time"], input[type="time"],
input[type="datetime-local"], input[type="datetime-local"],
input.ck.ck-input-text[type="text"],
textarea.form-control, textarea.form-control,
textarea, textarea,
.tn-input-field { .tn-input-field {
@ -167,6 +168,7 @@ input[type="password"]:hover,
input[type="date"]:hover, input[type="date"]:hover,
input[type="time"]:hover, input[type="time"]:hover,
input[type="datetime-local"]:hover, input[type="datetime-local"]:hover,
input.ck.ck-input-text[type="text"]:hover,
textarea.form-control:hover, textarea.form-control:hover,
textarea:hover, textarea:hover,
.tn-input-field:hover { .tn-input-field:hover {
@ -181,6 +183,7 @@ input[type="password"]:focus,
input[type="date"]:focus, input[type="date"]:focus,
input[type="time"]:focus, input[type="time"]:focus,
input[type="datetime-local"]:focus, input[type="datetime-local"]:focus,
input.ck.ck-input-text[type="text"]:focus,
textarea.form-control:focus, textarea.form-control:focus,
textarea:focus, textarea:focus,
.tn-input-field:focus, .tn-input-field:focus,

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

@ -370,7 +370,7 @@ div.ck-template-form {
} }
div.ck-template-form .ck-labeled-field-view { div.ck-template-form .ck-labeled-field-view {
margin: 8px 0; margin-bottom: 8px;
} }
/* Template item */ /* Template item */
@ -448,6 +448,26 @@ div.ck-template-form .ck-search__info span:nth-child(2) {
background: transparent; background: transparent;
} }
/*
* FORMS
*/
/*
* Text boxes
*/
.ck.ck-labeled-field-view {
padding-top: 1.5em !important; /* Create space for the 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 */
padding-left: 0 !important;
background: transparent;
font-size: .85em;
font-weight: 600;
}
/* /*
* EDITOR'S CONTENT * EDITOR'S CONTENT
*/ */