Conversation
The ExpandedSessionView info panel (ℹ︎ next to session name) used `right: -0.5rem` positioning, which made the dropdown extend leftward. When the trigger was near the left edge of the content area, the panel extended past the content boundary and was clipped by overflow:hidden on the parent, appearing to open partially under the sidebar. Changed to `left: 0` so the panel extends rightward into the content area, matching the sidebar header info panel's positioning pattern. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
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 join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Problem
Clicking the ℹ︎ button next to the session name in the expanded view caused the info panel to partially open under the left sidebar pane.
Root Cause
The
.info-panelinExpandedSessionView.razor.cssusedright: -0.5rempositioning, which made the dropdown extend leftward from the trigger. When the trigger was near the left edge of the content area (right after the sidebar), the panel extended past the content boundary and was clipped byoverflow: hiddenon.expanded-card, making it appear to open under the sidebar.Fix
Changed
right: -0.5rem→left: 0so the panel extends rightward into the content area. This matches the existing pattern used by the sidebar header's info panel inSessionSidebar.razor.css.Testing
InfoPanelPositionTests.csverify the panel uses left-anchored positioning