[PR #1449] [CLOSED] fix(frontend): improve table layout and mobile responsive design #1524

New issue

Closed

opened 2026-02-25 21:38:32 +03:00 by kerem · 0 comments

kerem commented

2026-02-25 21:38:32 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/cypht-org/cypht/pull/1449
Author: @amaninyumu1
Created: 2/14/2025
Status: ❌ Closed

Base: master ← Head: fix-table-layout-page_info_and_resposive_mobile

📝 Commits (3)

0ea3ec7 feat(backend): snooze dropdown not displaying
eedd6be Merge branch 'master' of github.com:Shadow243/cypht
7ddec7f fix(ui): make server status list responsive with loading indicators and separator logic

📊 Changes

6 files changed (+135 additions, -20 deletions)

View changed files

📝 lib/request.php (+6 -0)
📝 modules/core/site.js (+7 -0)
📝 modules/developer/modules.php (+70 -10)
📝 modules/developer/site.css (+22 -1)
📝 modules/imap/output_modules.php (+13 -9)
📝 modules/imap/site.js (+17 -0)

📄 Description

✨ Summary

This PR improves the server status module with a responsive design and enhanced user feedback during async status checks.

✅ Changes Included

Responsive layout: Replaced table structure with a <ul>-based layout for better support on mobile and desktop views
Loader preview: Added a Bootstrap spinner to display while IMAP/Sieve status is being fetched asynchronously
Visual separation: Dynamically inserted <hr> elements between server blocks, excluding after the last item

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/cypht-org/cypht/pull/1449 **Author:** [@amaninyumu1](https://github.com/amaninyumu1) **Created:** 2/14/2025 **Status:** ❌ Closed **Base:** `master` ← **Head:** `fix-table-layout-page_info_and_resposive_mobile` --- ### 📝 Commits (3) - [`0ea3ec7`](https://github.com/cypht-org/cypht/commit/0ea3ec748db5fd1b6db2401ebd0cd874a7261f81) feat(backend): snooze dropdown not displaying - [`eedd6be`](https://github.com/cypht-org/cypht/commit/eedd6befe32361d8d210d6d8af7fe87750d03f61) Merge branch 'master' of github.com:Shadow243/cypht - [`7ddec7f`](https://github.com/cypht-org/cypht/commit/7ddec7fe971874259230569fee72aa3df5e32378) fix(ui): make server status list responsive with loading indicators and separator logic ### 📊 Changes **6 files changed** (+135 additions, -20 deletions) <details> <summary>View changed files</summary> 📝 `lib/request.php` (+6 -0) 📝 `modules/core/site.js` (+7 -0) 📝 `modules/developer/modules.php` (+70 -10) 📝 `modules/developer/site.css` (+22 -1) 📝 `modules/imap/output_modules.php` (+13 -9) 📝 `modules/imap/site.js` (+17 -0) </details> ### 📄 Description ## ✨ Summary This PR improves the server status module with a responsive design and enhanced user feedback during async status checks. --- ## ✅ Changes Included - **Responsive layout**: Replaced table structure with a `<ul>`-based layout for better support on **mobile and desktop** views - **Loader preview**: Added a Bootstrap spinner to display while IMAP/Sieve status is being fetched asynchronously - **Visual separation**: Dynamically inserted `<hr>` elements between server blocks, excluding after the last item --- <img width="621" height="1072" alt="CleanShot 2025-07-12 at 22 32 33" src="https://github.com/user-attachments/assets/1ab61107-dd7c-47cb-997b-0b505c45d174" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>