style/text editor/insert text snippet dropdown: tweak appearance

This commit is contained in:
Adorian Doran 2025-08-30 18:25:44 +03:00
parent a94cc5bdab
commit 3d285e105e
2 changed files with 27 additions and 9 deletions

View file

@ -2360,3 +2360,12 @@ footer.webview-footer button {
content: "\ec24"; content: "\ec24";
transform: rotate(180deg); transform: rotate(180deg);
} }
/* CK Edito */
/* Insert text snippet: limit the width of the listed items to avoid overly long names */
:root body.desktop div.ck-template-form li.ck-list__item .ck-template-form__text-part > span {
max-width: 25vw;
overflow: hidden;
text-overflow: ellipsis;
}

View file

@ -373,10 +373,13 @@ div.ck-template-form .ck-labeled-field-view {
margin: 8px 0; margin: 8px 0;
} }
/* Template item */
:root div.ck-template-form li.ck-list__item button.ck-template-button { :root div.ck-template-form li.ck-list__item button.ck-template-button {
padding: 4px 8px; padding: 4px 8px;
} }
/* Template icon */
:root .ck-template-form .ck-button__icon { :root .ck-template-form .ck-button__icon {
--ck-spacing-medium: 2px; --ck-spacing-medium: 2px;
} }
@ -385,11 +388,7 @@ div.ck-template-form .ck-labeled-field-view {
color: var(--menu-item-icon-color); color: var(--menu-item-icon-color);
} }
:root div.ck-template-form .ck-template-form__description { /* Template name */
opacity: .5;
font-size: .9em;
}
div.ck-template-form .ck-template-form__text-part { div.ck-template-form .ck-template-form__text-part {
color: var(--hover-item-text-color); color: var(--hover-item-text-color);
font-size: .9rem; font-size: .9rem;
@ -401,13 +400,23 @@ div.ck-template-form .ck-template-form__text-part mark {
font-weight: bold; font-weight: bold;
} }
div.ck-template-form .ck-search__info span { /* Template description */
:root div.ck-template-form .ck-template-form__description {
opacity: .5;
font-size: .9em;
}
/* Messages */
div.ck-template-form .ck-search__info > span {
line-height: initial; line-height: initial;
color: var(--muted-text-color);
} }
div.ck-template-form .ck-search__info span:nth-child(2) { div.ck-template-form .ck-search__info span:nth-child(2) {
font-size: .9em; display: block;
opacity: .5; opacity: .5;
margin-top: 8px;
font-size: .9em;
} }
/* Action buttons */ /* Action buttons */