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 Vue3: Popover regressions in header #11771

Merged
merged 12 commits into from
Sep 5, 2024

Conversation

aalves08
Copy link
Member

@aalves08 aalves08 commented Aug 29, 2024

Summary

Fixes #11684 #11685 #11740 #11742

Occurred changes and/or fixed issues

  • Fix LocaleSelector theming
  • Fix styling for Header user menu
  • Fix general styling for dropdowns
  • Fix general styling for tooltips
  • Fix a couple of e2e mentions
    - NOTE: Set login page menu is still broken, although I think the fix will be pretty similar what I've done on the Header user avatar menu (check PR changes there)

Technical notes summary

Areas or cases that should be tested

  • Everywhere... 😬

Areas which could experience regressions

Screenshot/Video

tooltip-dark dropdown-dark dropdown-light tooltip-light tooltip-light2 action-dropdown broken-set-login-page LabeledTooltip-on-LabeledSelect
dropdowns.mov

Checklist

  • The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
  • The PR has a Milestone
  • The PR template has been filled out
  • The PR has been self reviewed
  • The PR has a reviewer assigned
  • The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
  • The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes

@aalves08 aalves08 added this to the v2.10.0 milestone Aug 29, 2024
@aalves08 aalves08 self-assigned this Aug 29, 2024
@rak-phillip rak-phillip self-requested a review August 29, 2024 17:45
@rak-phillip
Copy link
Member

Can this also fix the "Set as login page" menu?

image

@aalves08
Copy link
Member Author

Sure, I'll give it a try @rak-phillip . I've noticed that too. It should all be around the classes for CSS that have changed. I hope I can finish it tomorrow...

Copy link
Member

@rak-phillip rak-phillip left a comment

Choose a reason for hiding this comment

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

Everything looks largely the same. The only real difference that I could spot is that the new popovers appear to have a box shadow

PR #11771

image

2.9

image

@@ -92,6 +92,7 @@ export default defineComponent({
z-index: z-index(hoverOverContent);
}

// I DON'T THINK iT NEEDS FiXING... I think we delete it... CHECK EDIT->PODS->GENERAL TAB-> PULL SECRETS ::TODO-ALEX
Copy link
Member

Choose a reason for hiding this comment

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

Can we create an issue for this TODO?

Copy link
Member

Choose a reason for hiding this comment

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

@rak-phillip since you'll be off until Tuesday and also because of the GH situation, I suggest I take care of the tooltips box-shadow problem and the TODO comment by this issue if that's ok with you

Copy link
Member

@rak-phillip rak-phillip Sep 5, 2024

Choose a reason for hiding this comment

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

Sure thing. I really just want to make sure that the TODO gets addressed more than anything else. I'm fine if #11763 will cover it.

Copy link
Member

Choose a reason for hiding this comment

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

added as an item to 11763

@momesgin momesgin merged commit 7d6201c into rancher:master Sep 5, 2024
32 checks passed
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.

Vue3: Popover regressions in header
3 participants