From 44f1a0b94d7ebec56c5f5e6d749c56e1c8b9c6ca Mon Sep 17 00:00:00 2001 From: Matthias Date: Tue, 11 Feb 2025 16:16:44 +0100 Subject: [PATCH] fix(Navigation): wrong icons and wrong size --- .changeset/nervous-rings-add.md | 5 ++ .../__snapshots__/index.test.tsx.snap | 82 +++++++++---------- .../components/Navigation/components/Item.tsx | 8 +- 3 files changed, 50 insertions(+), 45 deletions(-) create mode 100644 .changeset/nervous-rings-add.md diff --git a/.changeset/nervous-rings-add.md b/.changeset/nervous-rings-add.md new file mode 100644 index 0000000000..7d9a14ede8 --- /dev/null +++ b/.changeset/nervous-rings-add.md @@ -0,0 +1,5 @@ +--- +"@ultraviolet/plus": patch +--- + +Fix `` icons diff --git a/packages/plus/src/components/Navigation/__tests__/__snapshots__/index.test.tsx.snap b/packages/plus/src/components/Navigation/__tests__/__snapshots__/index.test.tsx.snap index aaf4460b1b..167c251498 100644 --- a/packages/plus/src/components/Navigation/__tests__/__snapshots__/index.test.tsx.snap +++ b/packages/plus/src/components/Navigation/__tests__/__snapshots__/index.test.tsx.snap @@ -1357,10 +1357,10 @@ exports[`Navigation > click on expand / collapse button 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -1381,10 +1381,10 @@ exports[`Navigation > click on expand / collapse button 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -4395,10 +4395,10 @@ exports[`Navigation > pin and unpin an item 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -4419,10 +4419,10 @@ exports[`Navigation > pin and unpin an item 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -6360,10 +6360,10 @@ exports[`Navigation > pin and unpin an item 2`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -6384,10 +6384,10 @@ exports[`Navigation > pin and unpin an item 2`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -8141,10 +8141,10 @@ exports[`Navigation > pin and unpin an item 3`] = ` .emotion-60 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -8699,7 +8699,7 @@ exports[`Navigation > pin and unpin an item 3`] = ` viewBox="0 0 20 20" >
render with basic content 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -12361,10 +12361,10 @@ exports[`Navigation > resize manually the navigation using slider 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; @@ -12385,10 +12385,10 @@ exports[`Navigation > resize manually the navigation using slider 1`] = ` .emotion-90 { vertical-align: middle; fill: #3f4250; - height: 1.5rem; - width: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; + height: 1.25rem; + width: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; position: absolute; top: 0; bottom: 0; diff --git a/packages/plus/src/components/Navigation/components/Item.tsx b/packages/plus/src/components/Navigation/components/Item.tsx index 82bfa211cf..7ddc542c8d 100644 --- a/packages/plus/src/components/Navigation/components/Item.tsx +++ b/packages/plus/src/components/Navigation/components/Item.tsx @@ -3,7 +3,7 @@ import styled from '@emotion/styled' import { ArrowDownIcon, ArrowRightIcon, - DragVariantIcon, + DragIcon, OpenInNewIcon, PinOutlineIcon, UnpinIcon, @@ -92,7 +92,7 @@ const LocalExpandButton = styled(Button)` const PinnedButton = LocalExpandButton.withComponent('div') -const GrabIcon = styled(DragVariantIcon)` +const GrabIcon = styled(DragIcon)` opacity: 0; margin: 0 ${({ theme }) => theme.space['0.25']}; cursor: grab; @@ -673,7 +673,7 @@ export const Item = memo( disabled={isItemPinned ? false : isPinDisabled} >