From 7986c4f047bba867771e2eb22b05a91f03d233ff Mon Sep 17 00:00:00 2001 From: MarekWo Date: Thu, 1 Jan 2026 19:42:41 +0100 Subject: [PATCH] refactor: Remove redundant navbars from modals and optimize screen space usage MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit After testing the modal implementation on Android PWA, removed duplicate navigation elements and optimized layout to maximize screen real estate. Changes to DM modal: - Removed navbar with back button and "DM" title (duplicates modal header) - Moved conversation selector to top of content as clean dropdown bar - Changed main container from dynamic height to fixed 100vh Changes to Contact Management modals: - Removed navbar with home button from contacts_base.html - Removed navbar_content blocks from all contact pages (manage, pending, existing) - Removed padding/margins from base container (px-3 py-4 → p-0) - Removed row gutters (added g-0 class) - Removed col width constraint (col-lg-8 mx-auto → col-12) - Added padding back to individual page content (p-3) for readability Changes to modal close buttons: - Replaced small X icon (btn-close) with proper button - Added "Close" text with X icon for better visibility on mobile - Used btn-outline-light styling for consistency with green/blue headers Result: - Modals now fill entire available screen space without margins - No duplicate headers or navigation elements - Clearer, more intuitive close action with labeled button - Better mobile experience with larger touch targets 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 --- app/templates/contacts-existing.html | 14 +------------ app/templates/contacts-manage.html | 13 +----------- app/templates/contacts-pending.html | 14 +------------ app/templates/contacts_base.html | 22 +++----------------- app/templates/dm.html | 31 +++++++++------------------- app/templates/index.html | 8 +++++-- 6 files changed, 22 insertions(+), 80 deletions(-) diff --git a/app/templates/contacts-existing.html b/app/templates/contacts-existing.html index 7efdcbd..4590e9a 100644 --- a/app/templates/contacts-existing.html +++ b/app/templates/contacts-existing.html @@ -2,20 +2,8 @@ {% block title %}Existing Contacts - mc-webui{% endblock %} -{% block navbar_content %} - - Existing Contacts - - -
- -
-{% endblock %} - {% block page_content %} -
+
-
-{% endblock %} - {% block page_content %} -
+

diff --git a/app/templates/contacts-pending.html b/app/templates/contacts-pending.html index dfca6c0..2af0cd6 100644 --- a/app/templates/contacts-pending.html +++ b/app/templates/contacts-pending.html @@ -2,20 +2,8 @@ {% block title %}Pending Contacts - mc-webui{% endblock %} -{% block navbar_content %} - - Pending Contacts - - -
- -
-{% endblock %} - {% block page_content %} -
+
-
- {% endblock %} -
- -
-
-
-
+
+
+
{% block page_content %} {% endblock %} diff --git a/app/templates/dm.html b/app/templates/dm.html index 8ad39c1..0ae3018 100644 --- a/app/templates/dm.html +++ b/app/templates/dm.html @@ -60,29 +60,18 @@ - - -
-
+
+ +
+
+ +
+
diff --git a/app/templates/index.html b/app/templates/index.html index 76f98dd..56da1b9 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -122,7 +122,9 @@
Direct Messages
- +
@@ -137,7 +139,9 @@
Contact Management
- +