Skip to content

fix(react-tags-preview): style update - tag hover style should only be on dismiss icon#28791

Merged
YuanboXue-Amber merged 3 commits intomicrosoft:masterfrom
YuanboXue-Amber:tag-style
Aug 16, 2023
Merged

fix(react-tags-preview): style update - tag hover style should only be on dismiss icon#28791
YuanboXue-Amber merged 3 commits intomicrosoft:masterfrom
YuanboXue-Amber:tag-style

Conversation

@YuanboXue-Amber
Copy link
Contributor

Previous Behavior

When hovering tag, cursor pointer changes and dismiss icon is highlighted to brand color
image

New Behavior

The hover change only happens when cursor is on top of the dismiss icon:
image
image

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 9, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 9603df2:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 9, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-tags-preview
InteractionTag
33.653 kB
9.14 kB
10.895 kB
4.494 kB
-22.758 kB
-4.646 kB
react-tags-preview
Tag
25.292 kB
8.36 kB
25.271 kB
8.362 kB
-21 B
2 B
react-tags-preview
TagGroup
69.523 kB
20.462 kB
69.471 kB
20.443 kB
-52 B
-19 B

🤖 This report was generated against 6e5da951bf01692d798fecc2fcaf6bb3c3e85ab7

@size-auditor
Copy link

size-auditor bot commented Aug 9, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: a0cf8651e27d09ce9a76a3be0c993ab24a96a80e (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 9, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@YuanboXue-Amber YuanboXue-Amber marked this pull request as ready for review August 9, 2023 14:41
@YuanboXue-Amber YuanboXue-Amber requested review from a team as code owners August 9, 2023 14:41
@YuanboXue-Amber YuanboXue-Amber merged commit 70fb3a0 into microsoft:master Aug 16, 2023
@YuanboXue-Amber YuanboXue-Amber deleted the tag-style branch August 16, 2023 11:19
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 17, 2023
* master: (66 commits)
  fix(react-infobutton): Cursor should be pointer when hovering the button to show it's a button (microsoft#28893)
  chore(react-tags-preview): add docs  (microsoft#28899)
  applying package updates
  fix(react-tree): stablilize `handleActionsRef` created by TreeItem (microsoft#28896)
  bugfix: headless flat tree itemType manual definition (microsoft#28898)
  doc(react-tree): adds a11y edge cases to the docs (microsoft#28897)
  Update DatePickerDescription.md with note about compat components (microsoft#28882)
  chore(react-tree): removes preview warning from the docs (microsoft#28886)
  applying package updates
  fix(public-docsite): Remove image clipping and move top banner under top nav to avoid header issues (microsoft#28885)
  feat(react-tree): stable release (microsoft#28845)
  Virtualizer: Merge scrollref prop with container ref (microsoft#28829)
  chore(react-jsx-runtime): release stable version (microsoft#28880)
  applying package updates
  fix(react-tags-preview): style update - tag hover style should only be on dismiss icon (microsoft#28791)
  applying package updates
  feat(public-docsite): Add topbanner component and use it in the public docsite (microsoft#28870)
  feat: Add VivaEngageIcon to @fluentui/react-icons-mdl2 package (microsoft#28804)
  docs: Remove InfoButton stories in favor of having only InfoLabel stories. (microsoft#28856)
  Added more CY and VR tests to the Breadcrumb  (microsoft#28790)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 17, 2023
* master: (66 commits)
  fix(react-infobutton): Cursor should be pointer when hovering the button to show it's a button (microsoft#28893)
  chore(react-tags-preview): add docs  (microsoft#28899)
  applying package updates
  fix(react-tree): stablilize `handleActionsRef` created by TreeItem (microsoft#28896)
  bugfix: headless flat tree itemType manual definition (microsoft#28898)
  doc(react-tree): adds a11y edge cases to the docs (microsoft#28897)
  Update DatePickerDescription.md with note about compat components (microsoft#28882)
  chore(react-tree): removes preview warning from the docs (microsoft#28886)
  applying package updates
  fix(public-docsite): Remove image clipping and move top banner under top nav to avoid header issues (microsoft#28885)
  feat(react-tree): stable release (microsoft#28845)
  Virtualizer: Merge scrollref prop with container ref (microsoft#28829)
  chore(react-jsx-runtime): release stable version (microsoft#28880)
  applying package updates
  fix(react-tags-preview): style update - tag hover style should only be on dismiss icon (microsoft#28791)
  applying package updates
  feat(public-docsite): Add topbanner component and use it in the public docsite (microsoft#28870)
  feat: Add VivaEngageIcon to @fluentui/react-icons-mdl2 package (microsoft#28804)
  docs: Remove InfoButton stories in favor of having only InfoLabel stories. (microsoft#28856)
  Added more CY and VR tests to the Breadcrumb  (microsoft#28790)
  ...
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.

3 participants