LibreChat icon indicating copy to clipboard operation
LibreChat copied to clipboard

[Bug]: Minor styling issues

Open 5E-324 opened this issue 5 months ago • 1 comments

What happened?

Chat page:

  • Some tooltips have transparent background.
  • Some margin is missing in bookmarks popup. (Note: this would be fine if no adjacent elements are highlighted at the same time, but here multiple bookmarks may be selected simultaneously)
  • Indicator of multi-conversation has inconsistent rounding.
  • On right sidebar, if a section is expanded, the corresponding icon will have wrong color when the sidebar is contracted

Settings:

  • Toggle switches are slightly off center and are misaligned with text.
  • In speech tab, some margin is missing.

Steps to Reproduce

Install with docker, open in browser.

What browsers are you seeing the problem on?

Firefox, Chrome

Relevant log output

No response

Screenshots

Tooltips with transparent background:

tooltip1 tooltip2 tooltip3

Bookmark popup:

bookmarks1 bookmarks2

Inconsistent rounding:

rounding

Right sidebar: No section expanded:

sidebar1a sidebar1b

Prompts expanded (same for other sections):

sidebar2a sidebar2b

Misaligned toggle switches:

toggle1

This also exist in other tabs. Some are less obvious:

toggle2

Missing margin:

margin

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct

5E-324 avatar Sep 19 '24 15:09 5E-324