fix: hide import/export buttons when clipboard is not available

This commit is contained in:
Lukas 2025-08-02 11:11:36 +02:00
parent 2fdeca7074
commit 538e1534d5
No known key found for this signature in database
2 changed files with 12 additions and 4 deletions

View File

@ -640,8 +640,16 @@ document.addEventListener('DOMContentLoaded', function() {
}
// Add event listeners for import/export buttons
document.getElementById('importBookmarksBtn').addEventListener('click', importBookmarkStringFromClipboard);
document.getElementById('exportBookmarksBtn').addEventListener('click', exportBookmarkStringToClipboard);
const importBookmarksBtn = document.getElementById('importBookmarksBtn');
const exportBookmarksBtn = document.getElementById('exportBookmarksBtn');
importBookmarksBtn.addEventListener('click', importBookmarkStringFromClipboard);
exportBookmarksBtn.addEventListener('click', exportBookmarkStringToClipboard);
// display import/export buttons if supported
if (navigator.clipboard && navigator.clipboard.writeText && navigator.clipboard.readText) {
importBookmarksBtn.classList.remove('d-none');
exportBookmarksBtn.classList.remove('d-none');
}
// Listen for theme changes to update badge colors
const observer = new MutationObserver(function(mutations) {

View File

@ -45,7 +45,7 @@
<div class="d-flex flex-wrap justify-content-end gap-2">
<button type="button"
id="importBookmarksBtn"
class="btn btn-outline-primary"
class="d-none btn btn-outline-primary"
th:text="#{editTableOfContents.importBookmarks}"
th:data-bs-original-title="#{editTableOfContents.importBookmarksHint}"
data-bs-toggle="tooltip"
@ -53,7 +53,7 @@
</button>
<button type="button"
id="exportBookmarksBtn"
class="btn btn-outline-primary"
class="d-none btn btn-outline-primary"
th:text="#{editTableOfContents.exportBookmarks}"
th:data-bs-original-title="#{editTableOfContents.exportBookmarksHint}"
data-bs-toggle="tooltip"