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