zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-10 23:54:21 +08:00
Code Issues Projects Releases Packages Wiki Activity

style/text editor/forms: restyle buttons

Browse source
This commit is contained in:
Adorian Doran 2025-08-31 02:28:24 +03:00
parent 1e2e3498c6
commit 0afa9717e5
2 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/client/src/stylesheets/theme-next/forms.css
View file

@ -5,7 +5,8 @@
button.btn.btn-primary, button.btn.btn-primary,
button.btn.btn-secondary, button.btn.btn-secondary,
button.btn.btn-sm:not(.select-button), button.btn.btn-sm:not(.select-button),
button.btn.btn-success { button.btn.btn-success,
button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck-button_with-text {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -21,7 +22,8 @@ button.btn.btn-success {
button.btn.btn-primary:hover, button.btn.btn-primary:hover,
button.btn.btn-secondary:hover, button.btn.btn-secondary:hover,
button.btn.btn-sm:not(.select-button):hover, button.btn.btn-sm:not(.select-button):hover,
button.btn.btn-success:hover { button.btn.btn-success:hover,
button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck-button_with-text:hover {
background: var(--cmd-button-hover-background-color); background: var(--cmd-button-hover-background-color);
color: var(--cmd-button-hover-text-color); color: var(--cmd-button-hover-text-color);
} }
@ -29,7 +31,8 @@ button.btn.btn-success:hover {
button.btn.btn-primary:active, button.btn.btn-primary:active,
button.btn.btn-secondary:active, button.btn.btn-secondary:active,
button.btn.btn-sm:not(.select-button):active, button.btn.btn-sm:not(.select-button):active,
button.btn.btn-success:active { button.btn.btn-success:active,
button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck-button_with-text:active {
opacity: 0.85; opacity: 0.85;
box-shadow: unset; box-shadow: unset;
background: var(--cmd-button-background-color) !important; background: var(--cmd-button-background-color) !important;
@ -40,14 +43,16 @@ button.btn.btn-success:active {
button.btn.btn-primary:disabled, button.btn.btn-primary:disabled,
button.btn.btn-secondary:disabled, button.btn.btn-secondary:disabled,
button.btn.btn-sm:not(.select-button):disabled, button.btn.btn-sm:not(.select-button):disabled,
button.btn.btn-success:disabled { button.btn.btn-success:disabled,
button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck-button_with-text:disabled {
opacity: var(--cmd-button-disabled-opacity); opacity: var(--cmd-button-disabled-opacity);
} }
button.btn.btn-primary:focus-visible, button.btn.btn-primary:focus-visible,
button.btn.btn-secondary:focus-visible, button.btn.btn-secondary:focus-visible,
button.btn.btn-sm:not(.select-button):focus-visible, button.btn.btn-sm:not(.select-button):focus-visible,
button.btn.btn-success:focus-visible { button.btn.btn-success:focus-visible,
button.ck.ck-button.ck-button-action.ck-button_with-text:focus-visible {
outline: 2px solid var(--input-focus-outline-color); outline: 2px solid var(--input-focus-outline-color);
} }

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

@ -419,19 +419,10 @@ div.ck-template-form .ck-search__info span:nth-child(2) {
font-size: .9em; font-size: .9em;
} }
/* Action buttons */ /* Bookmark dropdown */
:root .ck-link-actions button.ck-button, .ck.ck-bookmark-form .ck-form__row_with-submit {
:root .ck-link-form button.ck-button { align-items: center;
--ck-border-radius: 6px;
background: transparent;
box-shadow: unset;
}
:root .ck-link-actions button.ck-button:hover,
:root .ck-link-form button.ck-button:hover {
background: var(--hover-item-background-color);
} }
/* Mention list (the autocompletion list for emojis, labels and relations) */ /* Mention list (the autocompletion list for emojis, labels and relations) */
@ -452,6 +443,14 @@ div.ck-template-form .ck-search__info span:nth-child(2) {
* FORMS * FORMS
*/ */
/*
* Buttons
*/
button.ck.ck-button.ck-button-action.ck-button_with-text {
min-width: 60px;
}
/* /*
* Text boxes * Text boxes
*/ */
@ -468,6 +467,11 @@ div.ck-template-form .ck-search__info span:nth-child(2) {
font-weight: 600; font-weight: 600;
} }
/* Forms */
.ck.ck-form__row_with-submit {
align-items: flex-end;
}
/* /*
* EDITOR'S CONTENT * EDITOR'S CONTENT
*/ */