removed loading-indicator for tags & fixed tranparency on a look-back

diff --git a/frontend/src/lib/ALookBack.svelte b/frontend/src/lib/ALookBack.svelte
index 9202d8ec483aae2429215aaced79b9d186315ca3..2977af45f69ff0a96d9975dc913e1a5e65440649 100644 (file)
--- a/frontend/src/lib/ALookBack.svelte
+++ b/frontend/src/lib/ALookBack.svelte
@@ -112,24 +112,7 @@
                max-height: 100%;
                line-height: 1.25;
                backdrop-filter: blur(8px) saturate(150%);
-       }
-
-       .html-preview::after {
-               content: '';
-               position: absolute;
-               bottom: 0;
-               left: 0;
-               right: 0;
-               height: 40px;
-               pointer-events: none;
-       }
-
-       :global(body[data-bs-theme='dark']) .html-preview::after {
-               background: linear-gradient(to bottom, transparent, rgba(80, 80, 80, 0.45) 80%);
-       }
-
-       :global(body[data-bs-theme='light']) .html-preview::after {
-               background: linear-gradient(to bottom, transparent, rgba(219, 219, 219, 0.45) 80%);
+               mask-image: linear-gradient(0deg, transparent 0px, red 50px);
        }
 
        :global(body[data-bs-theme='dark']) #zoomButton {

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index d69248c2e9b6354128fd789b808e1c9202493c30..3eda1ec3304bb72a3f91b362c54af8513ff885f7 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -988,11 +988,7 @@
                }, 40);
        }
 
-       let showTagLoading = $state(false);
-
        function selectTag(id) {
-               showTagLoading = true;
-
                axios
                        .post(API_URL + '/logs/addTagToLog', {
                                day: $selectedDate.day,
@@ -1016,8 +1012,6 @@
                                toast.show();
                        })
                        .finally(() => {
-                               showTagLoading = false;
-
                                if (isTouchDevice) {
                                        showTouchTagPanel = false;
                                }
@@ -1027,8 +1021,6 @@
        }
 
        function removeTag(id) {
-               showTagLoading = true;
-
                axios
                        .post(API_URL + '/logs/removeTagFromLog', {
                                day: $selectedDate.day,
@@ -1052,9 +1044,6 @@
                                // toast
                                const toast = new bootstrap.Toast(document.getElementById('toastErrorRemovingTagFromDay'));
                                toast.show();
-                       })
-                       .finally(() => {
-                               showTagLoading = false;
                        });
        }
 
@@ -1469,11 +1458,6 @@
                                <div class="d-flex flex-row justify-content-between">
                                        <div class="d-flex flex-row">
                                                <h3>{$t('tags.tags')}</h3>
-                                               {#if showTagLoading}
-                                                       <div class="spinner-border ms-3" role="status">
-                                                               <span class="visually-hidden">Loading...</span>
-                                                       </div>
-                                               {/if}
                                        </div>
                                        <!-- svelte-ignore a11y_missing_attribute -->
                                        <a
@@ -1959,7 +1943,7 @@
                                                </button>
                                        </div>
                                        <div class="text mt-2">
-                                               {@html marked.parse(history[historySelected]?.text || 'Error!')}
+                                               {@html marked.parse(history[historySelected]?.text || '')}
                                        </div>
                                </div>
                                <div class="modal-footer">
@@ -2126,7 +2110,6 @@
                border-radius: 15px;
                padding: 1rem;
                word-wrap: anywhere;
-               white-space: break-spaces;
        }
 
        .history-btn {