curo/kite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(11-04): mobile-safe modals and form baseline verification

Browse Source 
- Add max-h-[90vh] overflow-y-auto to ShareModal, CloudCredentialModal,
  FolderDeleteModal, and DocumentView cloud-delete modal panels
- Add responsive px-4 sm:px-6 to DocumentPreviewModal header for narrow viewports
- Add data-test attributes to all modal panels for testability
- Confirm @tailwindcss/forms active in tailwind.config.js (no drift found)
- Audit forms: focus:outline-none focus:ring-2 pattern is consistent throughout
- Add 4 test files covering mobile-safe modal classes and form baseline:
  ShareModal.mobile.test.js, CloudCredentialModal.mobile.test.js,
  FolderDeleteModal.mobile.test.js, DocumentPreviewModal.mobile.test.js

VISUAL-02, RESP-04
This commit is contained in:
curo1305
2026-06-16 21:33:57 +02:00
parent 83cdf28231
commit df53cef3b7
9 changed files with 257 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/sharing/ShareModal.vue
+2 -1
View File
@@ -9,7 +9,8 @@
role="dialog"
aria-modal="true"
aria-labelledby="share-modal-title"
class="bg-white rounded-2xl shadow-xl p-6 max-w-md w-full mx-4 relative"
data-test="share-modal-panel"
class="bg-white rounded-2xl shadow-xl p-6 max-w-md w-full mx-4 relative max-h-[90vh] overflow-y-auto"
>
<!-- Close button -->
<button