Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Unable to open settings menu on mobile when action sidebar is open #2567

Merged
merged 1 commit into from
Jun 20, 2024

Conversation

Nortsova
Copy link
Contributor

@Nortsova Nortsova commented Jun 18, 2024

Description

Fixed opening settings in action sidebar. The problem was that the settings had top: 100% !important, which helped position it under the header. However, in the case of the action sidebar, the "relative"-fixed value was higher on the wrapper with the header plus action form, so the settings screen was positioned down, under the action form.

Position: relative on the correct div fixed that.

Testing

  • Step 1 Set screen size to mobile
  • Step 2 Create a new action to open the action sidebar
  • Step 3 Attempt to open the settings menu
image

Resolves #2548

@Nortsova Nortsova requested review from a team as code owners June 18, 2024 14:26
@CLAassistant
Copy link

CLAassistant commented Jun 18, 2024

CLA assistant check
All committers have signed the CLA.

<PillsBase
className="bg-success-100 text-success-400"
isCapitalized={false}
<div className="relative">
Copy link
Contributor Author

Choose a reason for hiding this comment

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

here is not that much changes, only added this div with relative class. I desided create a new div because when I added it to line below header border was hidden under opened settings menu

Copy link
Member

Choose a reason for hiding this comment

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

*decided 😛

Copy link
Contributor

@iamsamgibbs iamsamgibbs left a comment

Choose a reason for hiding this comment

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

Great job! This all looks good to me, and the settings menu appears unaffected elsewhere - nice fix 👍

Screen.Recording.2024-06-18.at.17.20.41.mov

Copy link
Member

@rdig rdig left a comment

Choose a reason for hiding this comment

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

Tested and can confirm it now works, I can open the settings menu while having an action open as well.

Nice solution. 💯

Screencast.from.2024-06-19.00-00-18.webm

<PillsBase
className="bg-success-100 text-success-400"
isCapitalized={false}
<div className="relative">
Copy link
Member

Choose a reason for hiding this comment

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

*decided 😛

Copy link

@melyndav melyndav left a comment

Choose a reason for hiding this comment

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

Nice one @Nortsova, everything working as expected here! Appreciate your work 🌵

@Nortsova Nortsova merged commit 0241392 into master Jun 20, 2024
3 of 5 checks passed
@Nortsova Nortsova deleted the fix/2548-action-settings-menu-mobile branch June 20, 2024 08:57
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.

Unable to open settings menu on mobile when action sidebar is open
5 participants