Skip to content
This repository has been archived by the owner on Aug 7, 2024. It is now read-only.

[BUG] No padding around 'Select a tab' label in mobile view #10150

Closed
1 task done
ThomasCode92 opened this issue Jan 19, 2024 · 12 comments · Fixed by #10191
Closed
1 task done

[BUG] No padding around 'Select a tab' label in mobile view #10150

ThomasCode92 opened this issue Jan 19, 2024 · 12 comments · Fixed by #10191
Assignees
Labels
🛠 goal: fix undefined good first issue undefined 🔢 points: 1 undefined 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned)

Comments

@ThomasCode92
Copy link
Member

Has this bug been raised before?

  • I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

Production

Version of BioDrop (for example "v1.2.3")

v2.99.4

Description

The current mobile view of the application displays the 'Select a tab' label with suboptimal padding, resulting in a less-than-ideal user experience. The inadequate padding around that label on smaller screens can lead to visual clutter and may impact the overall usability of the application.

Steps to Reproduce

  1. Open the application on a mobile device or use a mobile view of the developer tools
  2. Navigate to Community Events.
  3. Observe the spacing around the label (See screenshot below)

Screenshots

image

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

Adjust the CSS or styling rules for labels in the mobile view to provide appropriate padding, ensuring a more comfortable and aesthetically pleasing display.

@ThomasCode92 ThomasCode92 added 🚦 status: awaiting triage Waiting for maintainers to verify (please do not start work on this yet) 🛠 goal: fix undefined labels Jan 19, 2024
Copy link
Contributor

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

@github-actions github-actions bot locked and limited conversation to collaborators Jan 19, 2024
@SaraJaoude SaraJaoude added 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) good first issue undefined 🔢 points: 1 undefined and removed 🚦 status: awaiting triage Waiting for maintainers to verify (please do not start work on this yet) labels Jan 20, 2024
@github-actions github-actions bot unlocked this conversation Jan 20, 2024
Copy link
Contributor

The issue has been unlocked and is now ready for dev. If you would like to work on this issue, you can comment to have it assigned to you. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

@SaraJaoude
Copy link
Member

Thank you for raising. Unfortunately @ThomasCode92 I cannot assign this issue to you at this time as we only assign one issue at any one time, per contributor (as reflected in our Contributing Guide).

@eugene4545
Copy link
Member

I'd be happy to work on this issue, could i be assigned to it?

@vrushabhgawas14
Copy link
Contributor

Thank you for raising. Unfortunately @ThomasCode92 I cannot assign this issue to you at this time as we only assign one issue at any one time, per contributor (as reflected in our Contributing Guide).

Ma'am I want to work on this issue as I have figured out that only change is px-3 (as much padding needed) in EventTabs.js

@ThomasCode92
Copy link
Member Author

Thank you for raising. Unfortunately @ThomasCode92 I cannot assign this issue to you at this time as we only assign one issue at any one time, per contributor (as reflected in our Contributing Guide).

Yes, I understand. But I didn’t know which issue would be assigned first to me. You can assign it to someone else.

@arujjval
Copy link

@SaraJaoude can I work on this issue?

@SaraJaoude
Copy link
Member

I'd be happy to work on this issue, could i be assigned to it?

@eugene4545 I have assigned this to you.

@charuchauhan
Copy link

Hello I guess no one is working on this, so can I work on this?

@ArvindParekh
Copy link
Member

Hi @charuchauhan, thank you for your interest in contributing to BioDrop. The current issue has already been assigned to @eugene4545, and we usually allow a two-week window for individuals to address the task (contributing guide - for more reference). But if you'd like, feel -free to explore other open issues.

@SaraJaoude
Copy link
Member

Hi, is it done or i can work on it?

@FazeenIjaz please check the conversation before raising this type of question. As you can see there is a PR open by the assignee to fix this issue, which needs to be reviewed.

@Abiheb
Copy link
Contributor

Abiheb commented Mar 12, 2024

Hello, can i work on this issue ?

kumarsonsoff3 pushed a commit that referenced this issue Mar 22, 2024
)

* added padding to the select a tab label

* added padding to the select a tab label

* added padding to the select a tab label

* style: reorder utility classes for improved readability

* rearranged class names according to tailwind's recommended order

applied prettier tailwind CSS plugin for class sorting
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🛠 goal: fix undefined good first issue undefined 🔢 points: 1 undefined 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned)
Projects
None yet
8 participants