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

… widget
TriliumNext · Jan 15, 2025 · a184d5b · a184d5b
1 parent 0339d83
commit a184d5b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/public/app/widgets/editability_select.js b/src/public/app/widgets/editability_select.js
@@ -8,22 +8,22 @@ const TPL = `
     .editability-dropdown {
         width: 300px;
     }
-    
+
     .editability-dropdown .dropdown-item div {
         font-size: small;
         color: var(--muted-text-color);
         white-space: normal;
     }
     </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="caret"></span>
     </button>
     <div class="editability-dropdown dropdown-menu dropdown-menu-right">
         <a class="dropdown-item" href="#" data-editability="auto">
             <span class="check">&check;</span>
             ${t("editability_select.auto")}
-            <div>${t("editability_select.note_is_editable")}</div>    
+            <div>${t("editability_select.note_is_editable")}</div>
         </a>
         <a class="dropdown-item" href="#" data-editability="readOnly">
             <span class="check">&check;</span>

diff --git a/src/public/app/widgets/note_type.js b/src/public/app/widgets/note_type.js
@@ -35,7 +35,7 @@ const TPL = `
         overflow-x: hidden;
     }
     </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="caret"></span>
     </button>