Fixed UI of Select Box in callout in Blog Editor #169
+12
−8
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
physicshub
reviewed
Jan 29, 2026
| border-color: var(--accent-color); | ||
| background: var(--bg-color); | ||
| box-shadow: 0 4px 12px rgba(0, 230, 230, 0.3); | ||
| transform: translateY(-2px); |
Owner
There was a problem hiding this comment.
The transform is nice, but it causes a bug where if you hover on the bottom of the button, where it rises 2px, the hover enters an infinite loop, which isn't nice.
If you want to keep the hover, fix this bug; otherwise, you can remove it.
physicshub
requested changes
Jan 29, 2026
| padding: 8px 12px; | ||
| border: 2px solid var(--accent-color); | ||
| border-radius: 8px; | ||
| background: var(--bg-color); |
Owner
There was a problem hiding this comment.
Suggested change
| background: var(--bg-color); | |
| background: var(--bg-light); |
Change of default background due to the following suggestion
| text-transform: uppercase; | ||
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); | ||
| } | ||
|
|
Owner
There was a problem hiding this comment.
Suggested change
| [data-theme="light"] .callout-type-selector { | |
| background: var(--bg-color); | |
| } | |
because I don't really like the black bg on dark mode
Owner
|
Hey thank you for the PR, I decided to merge yours, but you first need to fix some things |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📘 Pull Request Template – PhysicsHub
Thank you for contributing to PhysicsHub!
Please complete the sections below to help us review your pull request efficiently.
🔍 Description
Fixed the UI of the Select Box for the Dark Mode:
Closes [Bug]: Unclear select Box for callouts when creating a Blog #167
✅ Checklist
Before requesting a review, please ensure that you have:
npm run dev)🎨 Visual Changes (if UI-related)
Before Change:
After Change:
📂 Type of Change
🧩 Additional Notes for Reviewers