Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix prompt field misalignment due to empty element #81

Closed
itsmartashub opened this issue Dec 6, 2024 · 0 comments
Closed

Fix prompt field misalignment due to empty element #81

itsmartashub opened this issue Dec 6, 2024 · 0 comments
Assignees
Labels
Status: Already Implemented A proposal which has already been implemented before

Comments

@itsmartashub
Copy link
Owner

itsmartashub commented Dec 6, 2024

The chat prompt field is currently misaligned with chat bubbles due to an empty element that precedes the <form> element containing the prompt field. This creates an unexpected space on the left side, disrupting the visual alignment of the UI.

Add CSS to hide the empty element using the :empty pseudo-class.

  • Using :empty ensures future-proofing if the element needs to contain content later
  • Alternative solutions like display: none were considered but rejected to maintain flexibility
  • The fix should be tested across different viewport sizes to ensure consistent behavior
  • ! DO NOT FORGET TO TEST THE GPTHEMES CUSTOM WIDTH ALSO
@itsmartashub itsmartashub added To Fix Status: WIP Work In Progress labels Dec 6, 2024
@itsmartashub itsmartashub self-assigned this Dec 6, 2024
itsmartashub added a commit that referenced this issue Dec 6, 2024
- Added CSS to hide the empty element using the `:empty` pseudo-class
- Ensured the chat prompt field is properly aligned with chat bubbles
- Maintained flexibility for future content additions by using `:empty`
- Tested the fix across different viewport sizes to ensure consistent behavior

Changes summary:
    - Fixed the misalignment of the chat prompt field by hiding an empty element, ensuring proper visual alignment with chat bubbles.
@itsmartashub itsmartashub added Status: Already Implemented A proposal which has already been implemented before and removed To Fix Status: WIP Work In Progress labels Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Already Implemented A proposal which has already been implemented before
Projects
None yet
Development

No branches or pull requests

1 participant