fix(monitors): Remove radius on schedule preview when overlapping panels#108673
Merged
evanpurkhiser merged 1 commit intomasterfrom Feb 23, 2026
Conversation
The sticky schedule preview panel sits above the form sections below it. When scrolled such that a form panel slides under the preview, the rounded bottom corners of the preview looked visually odd against the panel beneath. We already dealt with this by removing the border when it stickies. But it's not always overlapping another panel when stickied. Adds a scroll listener that checks whether the sticky container's bottom edge falls within any sibling form panel, and removes the bottom border radius when it does. The threshold is inset by the border radius so the transition happens right as the two corners would otherwise meet, rather than while both radii are still visible side-by-side.
github-actions
bot
added
the
Scope: Frontend
evanpurkhiser
deleted the
evanpurkhiser/fix-monitors-remove-radius-on-schedule-preview-when-overlapping-panels
branch
priscilawebdev
pushed a commit
that referenced
this pull request
Feb 24, 2026
…els (#108673) The sticky schedule preview panel sits above the form sections below it. When scrolled such that a form panel slides under the preview, the rounded bottom corners of the preview looked visually odd against the panel beneath. Adds a scroll listener that checks whether the sticky container's bottom edge falls within any sibling form panel, and removes the bottom border radius when it does. The threshold is inset by the border radius so the transition happens right as the two corners would otherwise meet, rather than while both radii are still visible side-by-side. Before <img width="133" height="236" alt="image" src="https://github.com/user-attachments/assets/40ba6cf8-47c8-4c8b-8cbd-d443e9c11ddc" /> After <img width="120" height="183" alt="image" src="https://github.com/user-attachments/assets/e68adad5-47d0-481f-8133-a4f2787c27a9" /> Also detects when it's no longer in a panel <img width="188" height="214" alt="image" src="https://github.com/user-attachments/assets/0d5ed7b7-6a47-4716-aa75-40820717c5a9" />
mchen-sentry
pushed a commit
that referenced
this pull request
Feb 24, 2026
…els (#108673) The sticky schedule preview panel sits above the form sections below it. When scrolled such that a form panel slides under the preview, the rounded bottom corners of the preview looked visually odd against the panel beneath. Adds a scroll listener that checks whether the sticky container's bottom edge falls within any sibling form panel, and removes the bottom border radius when it does. The threshold is inset by the border radius so the transition happens right as the two corners would otherwise meet, rather than while both radii are still visible side-by-side. Before <img width="133" height="236" alt="image" src="https://github.com/user-attachments/assets/40ba6cf8-47c8-4c8b-8cbd-d443e9c11ddc" /> After <img width="120" height="183" alt="image" src="https://github.com/user-attachments/assets/e68adad5-47d0-481f-8133-a4f2787c27a9" /> Also detects when it's no longer in a panel <img width="188" height="214" alt="image" src="https://github.com/user-attachments/assets/0d5ed7b7-6a47-4716-aa75-40820717c5a9" />
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
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
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.
The sticky schedule preview panel sits above the form sections below it.
When scrolled such that a form panel slides under the preview, the rounded
bottom corners of the preview looked visually odd against the panel
beneath.
Adds a scroll listener that checks whether the sticky container's bottom
edge falls within any sibling form panel, and removes the bottom border
radius when it does. The threshold is inset by the border radius so the
transition happens right as the two corners would otherwise meet, rather
than while both radii are still visible side-by-side.
Before
After
Also detects when it's no longer in a panel