zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-06 05:25:37 +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-secondary,
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;
align-items: center;
justify-content: center;
@ -21,7 +22,8 @@ button.btn.btn-success {
button.btn.btn-primary:hover,
button.btn.btn-secondary: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);
color: var(--cmd-button-hover-text-color);
}
@ -29,7 +31,8 @@ button.btn.btn-success:hover {
button.btn.btn-primary:active,
button.btn.btn-secondary: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;
box-shadow: unset;
background: var(--cmd-button-background-color) !important;
@ -40,14 +43,16 @@ button.btn.btn-success:active {
button.btn.btn-primary:disabled,
button.btn.btn-secondary: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);
}
button.btn.btn-primary:focus-visible,
button.btn.btn-secondary: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);
}

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;
}
/* Action buttons */
/* Bookmark dropdown */
:root .ck-link-actions button.ck-button,
:root .ck-link-form button.ck-button {
--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);
.ck.ck-bookmark-form .ck-form__row_with-submit {
align-items: center;
}
/* 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
*/
/*
* Buttons
*/
button.ck.ck-button.ck-button-action.ck-button_with-text {
min-width: 60px;
}
/*
* Text boxes
*/
@ -468,6 +467,11 @@ div.ck-template-form .ck-search__info span:nth-child(2) {
font-weight: 600;
}
/* Forms */
.ck.ck-form__row_with-submit {
align-items: flex-end;
}
/*
* EDITOR'S CONTENT
*/