[GH-ISSUE #783] Overlapping Title box border and Steps div in mobile/responsive view #237

Closed
opened 2026-02-26 18:46:03 +03:00 by kerem · 5 comments
Owner

Originally created by @suryapts007 on GitHub (Dec 24, 2023).
Original GitHub issue: https://github.com/documenso/documenso/issues/783

Originally assigned to: @suryapts007 on GitHub.

Issue Description

In the mobile and responsive view, when we select the Title input box, it is seen that the green border is partially hidden by the "Steps" div, which does not look good and there should be some separation between them

Steps to Reproduce

  1. Open the web app in mobile view
  2. Upload a new pdf
  3. Select the Title input box

Now you can see the bottom part of the border being overlapped.

Expected Behavior

There should be some separation between the title and the steps div.

Current Behavior

There is no separation between the divs.

Screenshots (optional)

Screenshot 2023-12-24 at 9 06 51 AM

Operating System [e.g., Windows 10]

Mac

Browser [e.g., Chrome, Firefox]

Chrome

Version [e.g., 2.0.1]

119.0.6045.105

Please check the boxes that apply to this issue report.

  • I have searched the existing issues to make sure this is not a duplicate.
  • I have provided steps to reproduce the issue.
  • I have included relevant environment information.
  • I have included any relevant screenshots.
  • I understand that this is a voluntary contribution and that there is no guarantee of resolution.
  • I want to work on creating a PR for this issue if approved
Originally created by @suryapts007 on GitHub (Dec 24, 2023). Original GitHub issue: https://github.com/documenso/documenso/issues/783 Originally assigned to: @suryapts007 on GitHub. ### Issue Description In the mobile and responsive view, when we select the Title input box, it is seen that the green border is partially hidden by the "Steps" div, which does not look good and there should be some separation between them ### Steps to Reproduce 1. Open the web app in mobile view 2. Upload a new pdf 3. Select the Title input box Now you can see the bottom part of the border being overlapped. ### Expected Behavior There should be some separation between the title and the steps div. ### Current Behavior There is no separation between the divs. ### Screenshots (optional) <img width="326" alt="Screenshot 2023-12-24 at 9 06 51 AM" src="https://github.com/documenso/documenso/assets/77022877/67cef0c8-a73d-4418-8a86-1bd8453b1a4a"> ### Operating System [e.g., Windows 10] Mac ### Browser [e.g., Chrome, Firefox] Chrome ### Version [e.g., 2.0.1] 119.0.6045.105 ### Please check the boxes that apply to this issue report. - [X] I have searched the existing issues to make sure this is not a duplicate. - [X] I have provided steps to reproduce the issue. - [X] I have included relevant environment information. - [X] I have included any relevant screenshots. - [X] I understand that this is a voluntary contribution and that there is no guarantee of resolution. - [X] I want to work on creating a PR for this issue if approved
Author
Owner

@FatumaA commented on GitHub (Dec 24, 2023):

I'd like to try this if approved

<!-- gh-comment-id:1868560539 --> @FatumaA commented on GitHub (Dec 24, 2023): I'd like to try this if approved
Author
Owner

@dguyen commented on GitHub (Dec 26, 2023):

@FatumaA the issue owner has requested to work on this issue already (see the bottom of the issue)

<!-- gh-comment-id:1869220276 --> @dguyen commented on GitHub (Dec 26, 2023): @FatumaA the issue owner has requested to work on this issue already (see the bottom of the issue)
Author
Owner

@dguyen commented on GitHub (Dec 26, 2023):

Replicated the issue successfully 👍

@suryapts007 please go ahead and create a PR whenever you want 🙂

<!-- gh-comment-id:1869220713 --> @dguyen commented on GitHub (Dec 26, 2023): Replicated the issue successfully 👍 @suryapts007 please go ahead and create a PR whenever you want 🙂
Author
Owner

@suryapts007 commented on GitHub (Dec 26, 2023):

Thanks @dguyen
Here is the PR https://github.com/documenso/documenso/pull/785

<!-- gh-comment-id:1869253384 --> @suryapts007 commented on GitHub (Dec 26, 2023): Thanks @dguyen Here is the PR https://github.com/documenso/documenso/pull/785
Author
Owner

@catalinpit commented on GitHub (Dec 28, 2023):

Fixed by https://github.com/documenso/documenso/pull/785

Thanks @suryapts007!

<!-- gh-comment-id:1870990305 --> @catalinpit commented on GitHub (Dec 28, 2023): Fixed by https://github.com/documenso/documenso/pull/785 Thanks @suryapts007!
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#237
No description provided.