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

feat: wip tooltip #72

Merged
merged 2 commits into from
Dec 18, 2023
Merged

feat: wip tooltip #72

merged 2 commits into from
Dec 18, 2023

Conversation

goetzrobin
Copy link
Collaborator

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

Which package are you modifying?

  • accordion
  • alert
  • alert-dialog
  • aspect-ratio
  • avatar
  • badge
  • button
  • calendar
  • card
  • checkbox
  • collapsible
  • combobox
  • command
  • context-menu
  • data-table
  • date-picker
  • dialog
  • dropdown-menu
  • hover-card
  • input
  • label
  • menubar
  • navigation-menu
  • popover
  • progress
  • radio-group
  • scroll-area
  • select
  • separator
  • sheet
  • skeleton
  • slider
  • switch
  • table
  • tabs
  • textarea
  • toast
  • toggle
  • tooltip
  • typography

What is the current behavior?

Closes #

What is the new behavior?

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

@goetzrobin goetzrobin merged commit f98140d into main Dec 18, 2023
11 checks passed
'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ' +
'data-[side=below]:slide-in-from-top-2 data-[side=above]:slide-in-from-bottom-2 ' +
'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 ' +
'data-[side=after]:slide-in-from-left-2 data-[side=before]:slide-in-from-right-2 ';
Copy link
Collaborator

Choose a reason for hiding this comment

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

How does this behave in a right-to-left layout?
Is this handled by tailwind or is it sliding from the "wrong" side?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

you have a good point here too. I'll need to address this

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@elite-benni if you have time to tackle this feel free to create a PR. I am a little tied up right now and won't get to it in the next couple weeks...

Copy link
Collaborator

Choose a reason for hiding this comment

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

I just added an PR, just removing the todo and data-[side=after] classes.
First I thought I just have to add rtl: selector for this.
As I tried out the solution i found out, that it is actually not a problem.
before and after are translated to left and right with taking the rtl direction into account.
Everything was fine. ;)

inputs: [
'brnTooltip: hlmTooltip',
'aria-describedby',
'disabled',
Copy link
Collaborator

Choose a reason for hiding this comment

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

Does this mean, that we are not able to disable the tooltip without disabling the host?
I saw that you changed the input to only disabled in the brn in comparison to matTooltipDisabled.
How will we handle this, if we do not provide a seperate input for disabling only the tooltip?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

good point. I'll change this in a follow up PR!

@goetzrobin goetzrobin deleted the feat-tooltip branch January 11, 2024 14:55
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.

2 participants