Skip to content

Fix Assist z-index so it doesn't hide the user dropdown when docked#38148

Merged
ryanclark merged 1 commit intomasterfrom
ryan/fix-assist-user-preferences
Feb 13, 2024
Merged

Fix Assist z-index so it doesn't hide the user dropdown when docked#38148
ryanclark merged 1 commit intomasterfrom
ryan/fix-assist-user-preferences

Conversation

@ryanclark
Copy link
Copy Markdown
Member

When Assist is docked, it obstructs the user dropdown

Before:
image

After:
image

This changes the z-index to just 2 when docked, and 100 when not docked

changelog: Fix Assist obstructing the user dropdown menu when in docked mode

animation: forwards ${fadeIn} 0.3s ease-in-out;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
z-index: ${p => (p.docked ? 2 : 100)};
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Long term we should start thinking of using some kind of a map for z-index levels so that we don't get lost in them. I remember briefly talking with Grzegorz about this when we ran into a similar problem in Connect (#20988 (comment)).

https://css-tricks.com/systems-for-z-index/

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed. This could also not be positioned absolutely/fixed when docked, but I wanted a quick fix 😅

@public-teleport-github-review-bot public-teleport-github-review-bot Bot removed the request for review from rudream February 13, 2024 16:51
@ryanclark ryanclark enabled auto-merge February 13, 2024 17:27
@ryanclark ryanclark added this pull request to the merge queue Feb 13, 2024
Merged via the queue into master with commit c11bcbb Feb 13, 2024
@ryanclark ryanclark deleted the ryan/fix-assist-user-preferences branch February 13, 2024 17:45
@public-teleport-github-review-bot
Copy link
Copy Markdown

@ryanclark See the table below for backport results.

Branch Result
branch/v15 Create PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants