From f4144c74697f4dbd090f3217e5ca05e890521857 Mon Sep 17 00:00:00 2001 From: Jose Olarte III Date: Tue, 30 Sep 2025 21:06:13 +0800 Subject: [PATCH 1/2] feat: disable zoom and fix iOS viewport issues - Add user-scalable=no and interactive-widget=overlays-content to viewport meta tag - Implement iOS viewport height fixes to prevent keyboard-related layout shifts - Use dynamic viewport height (100dvh) for better mobile support - Add fixed positioning and overflow controls to prevent viewport changes - Enable scrolling only within #app container for better UX --- index.html | 4 ++-- src/assets/styles/tailwind.css | 18 ++++++++++++++++++ 2 files changed, 20 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index d276108b..27446bdd 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + @@ -13,4 +13,4 @@
- + \ No newline at end of file diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css index f6457ff3..6f495d75 100644 --- a/src/assets/styles/tailwind.css +++ b/src/assets/styles/tailwind.css @@ -7,6 +7,24 @@ html { font-family: 'Work Sans', ui-sans-serif, system-ui, sans-serif !important; } + + /* Fix iOS viewport height changes when keyboard appears/disappears */ + html, body { + height: 100%; + height: 100vh; + height: 100dvh; /* Dynamic viewport height for better mobile support */ + overflow: hidden; /* Disable all scrolling on html and body */ + position: fixed; /* Force fixed positioning to prevent viewport changes */ + width: 100%; + top: 0; + left: 0; + } + + #app { + height: 100vh; + height: 100dvh; + overflow-y: auto; + } } @layer components { -- 2.30.2 From 225b34d480141ff33499cc02223b260d92b8669f Mon Sep 17 00:00:00 2001 From: Jose Olarte III Date: Tue, 7 Oct 2025 19:00:12 +0800 Subject: [PATCH 2/2] feat: improve text overflow handling across UI components - Add overflow-hidden, text-ellipsis and truncate classes to long text elements in list items and views to prevent text overflow - Ensure proper text wrapping and ellipsis display for long content --- src/components/ActivityListItem.vue | 7 +++++-- src/components/ContactListItem.vue | 2 +- src/views/ClaimView.vue | 11 +++++++---- src/views/DIDView.vue | 2 +- src/views/DiscoverView.vue | 4 ++-- src/views/ProjectViewView.vue | 23 +++++++++++++++++------ src/views/ProjectsView.vue | 8 ++++---- 7 files changed, 37 insertions(+), 20 deletions(-) diff --git a/src/components/ActivityListItem.vue b/src/components/ActivityListItem.vue index 39dfcffa..90190022 100644 --- a/src/components/ActivityListItem.vue +++ b/src/components/ActivityListItem.vue @@ -78,8 +78,11 @@ -

- +

+ {{ description }}

diff --git a/src/components/ContactListItem.vue b/src/components/ContactListItem.vue index 11229501..bad24f2d 100644 --- a/src/components/ContactListItem.vue +++ b/src/components/ContactListItem.vue @@ -46,7 +46,7 @@ {{ contact.did }} -
+
{{ contact.notes }}
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue index ee095764..5fbbb09c 100644 --- a/src/views/ClaimView.vue +++ b/src/views/ClaimView.vue @@ -80,16 +80,19 @@ -
-
+
+
{{ claimDescription }}
-
+
{{ didInfo(veriClaim.issuer) }}
-
+
Recorded {{ formattedIssueDate }} diff --git a/src/views/DIDView.vue b/src/views/DIDView.vue index 93de83c3..7d6a5398 100644 --- a/src/views/DIDView.vue +++ b/src/views/DIDView.vue @@ -25,7 +25,7 @@ class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4" >
-

+

{{ contactFromDid?.name || "(no name)" }}

-
-

+
+

{{ project.name || unnamedProject }}

diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue index 13aef08c..79bdfa26 100644 --- a/src/views/ProjectViewView.vue +++ b/src/views/ProjectViewView.vue @@ -17,7 +17,9 @@ Project Idea

-

+

{{ name }}