Skip to content

Comments

[115] Fix UI styling for chat interface #116

Merged
itsmartashub merged 9 commits intomainfrom
fix/chat-ui-styling-issues
Apr 4, 2025
Merged

[115] Fix UI styling for chat interface #116
itsmartashub merged 9 commits intomainfrom
fix/chat-ui-styling-issues

Conversation

@itsmartashub
Copy link
Owner

Closes #115

…solve styling issues (#115)

- Refine the selector logic to accurately target footer chat icons
- Ensure consistent styling across all footer icons(assistend and user chats)

Changes summary:
Updated the selector for footer chat icons to fix styling inconsistencies.
…115)

- Address inconsistent styling of source pill links in chat bubbles for specific results
- Use `background-image` gradient to override background color due to OpenAI's `!important` utility classes
- Note: Text color cannot be overridden without JavaScript due to restrictive CSS constraints

Changes summary:
Fixed the styling of source pill links in chat bubbles by using a gradient background, though text color remains unadjustable without JavaScript due to OpenAI's CSS restrictions.
…for simulated override (#115)

- Apply shadow inset and color to `<span>` child elements to simulate overriding parent background and text colors
- Note: Actual override of parent styles is not possible due to OpenAI's use of Tailwind CSS `!important` classes

Changes summary:
Added shadow inset and color to `<span>` child elements to simulate an override effect for parent styles, though actual overrides remain unfeasible due to Tailwind CSS constraints.
…tyles (#115)

- Adjust parent class selectors to address broken styles caused by OpenAI's removal of certain classes
- Ensure consistency in both map and list views after the changes

Changes summary:
Updated parent class selectors to fix broken styles related to maps in both map and list views following OpenAI's removal of certain classes.
… styles (#115)

- Fix broken styles for the floating edit button and 'pause' generating prompt button states
- Apply consistent highlight (.bg-[Highlight] and .bg-[Highlight]!) styles for editing prompts in code/text editors and review comments
- Reuse SCSS logic from chat pill source links to simulate backgrounds dynamically
- Introduce CSS variables for `bg` and `shadow` to enable modular and reusable styling across elements

Changes summary:
Repaired floating edit button and Canvas prompt-related styles, introduced dynamic background simulation via SCSS, and used CSS variables for modular styling consistency.
…er visibility (#115)

- Set the bg color to transparent to prevent blending with the accent color on certain accounts

Changes summary:
Adjusted the `Dictate button` background in the prompt textarea to transparent to prevent blending with the icon accent color on certain accounts
…ling with reply-like appearance (#115)

- Align the styling of selected Mentions (e.g., GPTs mentions) with the reply-like appearance in the prompt textarea
- Ensure consistent visual representation when typing `@` and selecting mentions

Changes summary:
Matched the styling of selected GPTs @mentions in the prompt textarea with the reply-like appearance for a cohesive and intuitive user experience.
@itsmartashub itsmartashub self-assigned this Apr 3, 2025
…e location (#115)

- Move style definitions for additional pill link types from `prose` to the `right--main` file
- Centralize all pill link styles for better maintainability and consistency

Changes summary:
Moved the style definitions for various pill link types into the main stylesheet, consolidating them in one place for improved organization and consistency.
@itsmartashub itsmartashub merged commit 006d604 into main Apr 4, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix UI styling for chat interface

1 participant