Add clear buttons in bookmark form (#846)

This commit is contained in:
Sascha Ißbrücker
2024-09-23 11:02:30 +02:00
committed by GitHub
parent c5c5949d20
commit ed57da3c99
5 changed files with 101 additions and 41 deletions

View File

@@ -1,48 +1,38 @@
.bookmarks-form-page {
section {
max-width: 550px;
margin: 0 auto;
}
section {
max-width: 550px;
margin: 0 auto;
}
}
.bookmarks-form {
& .btn.btn-link.form-icon {
padding: 0;
width: 20px;
height: 20px;
visibility: hidden;
--btn-icon-color: var(--tertiary-text-color);
& > svg {
width: 20px;
height: 20px;
& .has-icon-right > input, & .has-icon-right > textarea {
padding-right: 30px;
}
}
& .has-icon-right > input, & .has-icon-right > textarea {
padding-right: 30px;
}
& .form-icon.loading {
visibility: hidden;
}
& .has-icon-right > input:placeholder-shown ~ .btn.form-icon,
& .has-icon-right > textarea:placeholder-shown ~ .btn.form-icon {
visibility: visible;
}
& .form-group .clear-button {
display: none;
padding: 0;
border: none;
height: auto;
font-size: var(--font-size-sm);
}
& .form-icon.loading {
visibility: hidden;
}
& .form-input-hint.bookmark-exists {
display: none;
color: var(--warning-color);
}
& .form-input-hint.bookmark-exists {
display: none;
color: var(--warning-color);
}
& .form-input-hint.auto-tags {
display: none;
color: var(--success-color);
}
& .form-input-hint.auto-tags {
display: none;
color: var(--success-color);
}
& details.notes textarea {
box-sizing: border-box;
}
& details.notes textarea {
box-sizing: border-box;
}
}