fix: some broken UI on 29

Signed-off-by: Varun Patil <radialapps@gmail.com>
pulsejet · Sep 20, 2024 · dc4c3c7 · dc4c3c7
1 parent 05ca8e0
commit dc4c3c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/modal/Modal.vue b/src/components/modal/Modal.vue
@@ -2,7 +2,7 @@
   <NcModal
     class="memories-modal"
     ref="modal"
-    :name="t('memories', 'Modal')"
+    labelId="modal-title"
     :size="size"
     :outTransition="true"
     :style="{ width: isSidebarShown ? `calc(100% - ${sidebarWidth}px)` : null }"
@@ -12,7 +12,9 @@
   >
     <div class="container" @keydown.stop="0">
       <div class="head">
-        <span> <slot name="title"></slot> </span>
+        <span id="modal-title">
+          <slot name="title"></slot>
+        </span>
       </div>
 
       <slot></slot>

diff --git a/src/components/viewer/Viewer.vue b/src/components/viewer/Viewer.vue
@@ -1314,11 +1314,12 @@ export default defineComponent({
   position: absolute;
   top: 8px;
   right: 50px;
+  --default-clickable-area: 44px;
 
   :deep .button-vue--icon-only {
     color: white;
     background-color: transparent !important;
-    margin: 5px 2px; // NC 30
+    margin-right: 1px;
   }
 
   transition: opacity 0.2s ease-in-out;