[PR #1656] [MERGED] fix: improve layout and truncate document information in logs page #1772

Closed
opened 2026-02-26 20:31:00 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/documenso/documenso/pull/1656
Author: @jenilsavani9
Created: 2/18/2025
Status: Merged
Merged: 3/12/2025
Merged by: @dguyen

Base: mainHead: feat/doc-1627-button-is-cut-off-on-logs-page


📝 Commits (3)

  • ee6ee14 fix: improve layout and truncate document information in logs page
  • 6b6b105 Merge branch 'main' into feat/doc-1627-button-is-cut-off-on-logs-page
  • 13aa5e8 Merge branch 'main' into feat/doc-1627-button-is-cut-off-on-logs-page

📊 Changes

1 file changed (+13 additions, -13 deletions)

View changed files

📝 apps/web/src/app/(dashboard)/documents/[id]/logs/document-logs-page-view.tsx (+13 -13)

📄 Description

Description

This PR fixes a UI issue on the document logs page where the download button gets cut off on small screens. The fix ensures the button remains fully visible by adjusting the layout and spacing for better responsiveness.

Fixes #1627

Changes Made

  • Removing justify-between from the outer div – ensuring that elements are no longer forcefully spaced apart.
  • Separating title into its own div – preventing layout shifts.
  • Wrapping the status and buttons in a flex container – ensuring they align properly in a row for larger screens and stack on smaller ones.
  • Adding truncate to document information values – ensuring long values don’t overflow.

Testing Performed

Before

documenso-1627-before.webm

After

documenso-1627.webm

Checklist

  • I have tested these changes locally and they work as expected.
  • I have added/updated tests that prove the effectiveness of these changes.
  • I have updated the documentation to reflect these changes, if applicable.
  • I have followed the project's coding style guidelines.
  • I have addressed the code review feedback from the previous submission, if applicable.

🔄 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/documenso/documenso/pull/1656 **Author:** [@jenilsavani9](https://github.com/jenilsavani9) **Created:** 2/18/2025 **Status:** ✅ Merged **Merged:** 3/12/2025 **Merged by:** [@dguyen](https://github.com/dguyen) **Base:** `main` ← **Head:** `feat/doc-1627-button-is-cut-off-on-logs-page` --- ### 📝 Commits (3) - [`ee6ee14`](https://github.com/documenso/documenso/commit/ee6ee14a83a91b3941abe4813e5185df60a90063) fix: improve layout and truncate document information in logs page - [`6b6b105`](https://github.com/documenso/documenso/commit/6b6b105a3b527260601a83e82b2fa044d8d053e6) Merge branch 'main' into feat/doc-1627-button-is-cut-off-on-logs-page - [`13aa5e8`](https://github.com/documenso/documenso/commit/13aa5e813bef7e6ad9d655e8f2588580d92b6dbc) Merge branch 'main' into feat/doc-1627-button-is-cut-off-on-logs-page ### 📊 Changes **1 file changed** (+13 additions, -13 deletions) <details> <summary>View changed files</summary> 📝 `apps/web/src/app/(dashboard)/documents/[id]/logs/document-logs-page-view.tsx` (+13 -13) </details> ### 📄 Description ## Description This PR fixes a UI issue on the document logs page where the download button gets cut off on small screens. The fix ensures the button remains fully visible by adjusting the layout and spacing for better responsiveness. ## Related Issue Fixes #1627 ## Changes Made - Removing `justify-between` from the outer div – ensuring that elements are no longer forcefully spaced apart. - Separating `title` into its own div – preventing layout shifts. - Wrapping the status and buttons in a flex container – ensuring they align properly in a row for larger screens and stack on smaller ones. - Adding `truncate` to document information values – ensuring long values don’t overflow. ## Testing Performed ### Before [documenso-1627-before.webm](https://github.com/user-attachments/assets/f161fa1b-3d88-4011-b171-b25c66baa06f) ### After [documenso-1627.webm](https://github.com/user-attachments/assets/34278bd5-5086-4b2f-bab6-5338fbc498a2) ## Checklist - [x] I have tested these changes locally and they work as expected. - [ ] I have added/updated tests that prove the effectiveness of these changes. - [ ] I have updated the documentation to reflect these changes, if applicable. - [x] I have followed the project's coding style guidelines. - [ ] I have addressed the code review feedback from the previous submission, if applicable. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-02-26 20:31:00 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/documenso#1772
No description provided.