Skip to content

Commit

Permalink
fix(Tooltip): text alignment for short text (#3084)
Browse files Browse the repository at this point in the history
  • Loading branch information
@joakbjerk
joakbjerk authored Dec 15, 2023
1 parent ce28f3e commit 7b83a7a
Show file tree
Hide file tree
Showing 24 changed files with 33 additions and 0 deletions.
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
3 changes: 3 additions & 0 deletions ...nb-eufemia/src/components/autocomplete/__tests__/__snapshots__/Autocomplete.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -682,6 +683,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -1481,6 +1483,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...es/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
4 changes: 4 additions & 0 deletions ...s/dnb-eufemia/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -682,6 +683,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -1388,6 +1390,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -1990,6 +1993,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,6 +142,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,6 +143,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...b-eufemia/src/components/global-status/__tests__/__snapshots__/GlobalStatus.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...s/dnb-eufemia/src/components/help-button/__tests__/__snapshots__/HelpButton.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
2 changes: 2 additions & 0 deletions ...dnb-eufemia/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -682,6 +683,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
2 changes: 2 additions & 0 deletions packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -675,6 +676,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...b-eufemia/src/components/number-format/__tests__/__snapshots__/NumberFormat.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@ exports[`NumberFormat scss has to match style dependencies css 1`] = `
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...es/dnb-eufemia/src/components/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...dnb-eufemia/src/components/skip-content/__tests__/__snapshots__/SkipContent.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
2 changes: 2 additions & 0 deletions packages/dnb-eufemia/src/components/slider/__tests__/__snapshots__/Slider.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down Expand Up @@ -589,6 +590,7 @@ button.dnb-button::-moz-focus-inner {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...eufemia/src/components/step-indicator/__tests__/__snapshots__/StepIndicator.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/tag/__tests__/__snapshots__/Tag.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions ...b-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -169,6 +169,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ exports[`Tooltip scss has to match style dependencies css 1`] = `
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down
2 changes: 2 additions & 0 deletions packages/dnb-eufemia/src/components/tooltip/style/dnb-tooltip.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,8 @@
padding: 0 1rem;
color: var(--tooltip-color);

text-align: center;

background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
@include defaultDropShadow();
Expand Down
1 change: 1 addition & 0 deletions packages/dnb-eufemia/src/components/upload/__tests__/__snapshots__/Upload.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,7 @@ p > .dnb-icon {
align-items: center;
padding: 0 1rem;
color: var(--tooltip-color);
text-align: center;
background-color: var(--tooltip-background-color);
border-radius: var(--tooltip-border-radius);
box-shadow: var(--shadow-default);
Expand Down

0 comments on commit 7b83a7a

Please sign in to comment.