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

Use Shoelace tooltip for all tooltips and hint bubbles #2629

Merged
merged 9 commits into from
Dec 12, 2023
Merged

Conversation

tvdeyen
Copy link
Member

@tvdeyen tvdeyen commented Dec 9, 2023

What is this pull request for?

Using Shoelace tooltip web component gives us:

  • Better placement
  • More accessibility
  • Lesser code to maintain

Introduces a toolbar_button class that is responsible for the margin in toolbars.

Checklist

  • I have followed Pull Request guidelines
  • I have added a detailed description into each commit message
  • I have added tests to cover this change

Sorry, something went wrong.

@tvdeyen tvdeyen added this to the 7.1 milestone Dec 9, 2023
@tvdeyen tvdeyen requested a review from a team December 9, 2023 20:34
@tvdeyen tvdeyen changed the title Use shoelace/tooltip for all button_with_label Use Shoelace tooltip for all button_with_label Dec 9, 2023
@tvdeyen tvdeyen changed the title Use Shoelace tooltip for all button_with_label Use Shoelace tooltip for all tooltips and hint bubbles Dec 11, 2023
@tvdeyen tvdeyen force-pushed the shoelace-tooltip branch 4 times, most recently from 6223028 to ecc29cc Compare December 11, 2023 19:55

Verified

This commit was signed with the committer’s verified signature.
myii Imran Iqbal
Using shoelaces tooltip web component gives us:

- Better placement
- More accessibility
- Lesser code to maintain

Introduces a toolbar_button class that is responsible for
the margin in toolbars.
We now use Shoelace tooltip for button tooltips,
let's use them for hint popups as well.
This makes it easier to target links having a toolttip,
like before we were able to target a link by a label
We can only set an element dirty if it is present
The partial has been renamed recently
They have been removed while working on an alternative
UI that has not been merged yet.
Links displayed as buttons need to be block elements.
Using flex to make content centered.
After changing the picture thumbnail name height we need
to position the tags accordingly.
@tvdeyen tvdeyen merged commit e75e933 into main Dec 12, 2023
@tvdeyen tvdeyen deleted the shoelace-tooltip branch December 12, 2023 12:42
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.

None yet

2 participants