client: use combo box-like dropdown buttons in the "Basic Properties" widget

This commit is contained in:
Adorian Doran 2025-01-15 02:14:56 +02:00
parent 0339d83434
commit a184d5bb26
2 changed files with 4 additions and 4 deletions

View File

@ -8,14 +8,14 @@ const TPL = `
.editability-dropdown { .editability-dropdown {
width: 300px; width: 300px;
} }
.editability-dropdown .dropdown-item div { .editability-dropdown .dropdown-item div {
font-size: small; font-size: small;
color: var(--muted-text-color); color: var(--muted-text-color);
white-space: normal; white-space: normal;
} }
</style> </style>
<button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle editability-button"> <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle select-button editability-button">
<span class="editability-active-desc">${t("editability_select.auto")}</span> <span class="editability-active-desc">${t("editability_select.auto")}</span>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
@ -23,7 +23,7 @@ const TPL = `
<a class="dropdown-item" href="#" data-editability="auto"> <a class="dropdown-item" href="#" data-editability="auto">
<span class="check">&check;</span> <span class="check">&check;</span>
${t("editability_select.auto")} ${t("editability_select.auto")}
<div>${t("editability_select.note_is_editable")}</div> <div>${t("editability_select.note_is_editable")}</div>
</a> </a>
<a class="dropdown-item" href="#" data-editability="readOnly"> <a class="dropdown-item" href="#" data-editability="readOnly">
<span class="check">&check;</span> <span class="check">&check;</span>

View File

@ -35,7 +35,7 @@ const TPL = `
overflow-x: hidden; overflow-x: hidden;
} }
</style> </style>
<button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle note-type-button"> <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle select-button note-type-button">
<span class="note-type-desc"></span> <span class="note-type-desc"></span>
<span class="caret"></span> <span class="caret"></span>
</button> </button>