From bb8d7007b952f643d9f8ac3206d4aa8c9a3490eb Mon Sep 17 00:00:00 2001 From: oddvernes Date: Wed, 8 Mar 2023 13:52:22 +0100 Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=92=84=20Input:=20Added=20text-overfl?= =?UTF-8?q?ow:=20ellipsis?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/eds-core-react/src/components/Input/Input.tsx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/eds-core-react/src/components/Input/Input.tsx b/packages/eds-core-react/src/components/Input/Input.tsx index 78c5217c7f..05c0ca3b9b 100644 --- a/packages/eds-core-react/src/components/Input/Input.tsx +++ b/packages/eds-core-react/src/components/Input/Input.tsx @@ -59,6 +59,11 @@ const Container = styled.div(({ token, disabled, readOnly }: StyledProps) => { background: states.readOnly.background, boxShadow: states.readOnly.boxShadow, })} + & > input { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } ` }) From 36d1ce38f75109dc0f1bf7f0cbbdc8c418378d19 Mon Sep 17 00:00:00 2001 From: oddvernes Date: Wed, 8 Mar 2023 14:43:58 +0100 Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=92=84=20Autocomplete:=20reduce=20pad?= =?UTF-8?q?ding-right?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../eds-core-react/src/components/Autocomplete/Autocomplete.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/eds-core-react/src/components/Autocomplete/Autocomplete.tsx b/packages/eds-core-react/src/components/Autocomplete/Autocomplete.tsx index 03e50ffd8c..78b93f18f6 100644 --- a/packages/eds-core-react/src/components/Autocomplete/Autocomplete.tsx +++ b/packages/eds-core-react/src/components/Autocomplete/Autocomplete.tsx @@ -687,7 +687,7 @@ function AutocompleteInner( readOnly={readOnly} onFocus={openSelect} onClick={openSelect} - rightAdornmentsWidth={24 * 2 + 8 + 8} + rightAdornmentsWidth={hideClearButton ? 24 + 8 : 24 * 2 + 8} rightAdornments={ <> {loading && } From 307bc35e9204506a0ae373381808729471cfd2a7 Mon Sep 17 00:00:00 2001 From: oddvernes Date: Wed, 8 Mar 2023 14:51:12 +0100 Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=93=B8=20Update=20snapshots?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/Input/__snapshots__/Input.test.tsx.snap | 6 ++++++ .../components/Search/__snapshots__/Search.test.tsx.snap | 6 ++++++ .../TextField/__snapshots__/TextField.test.tsx.snap | 6 ++++++ 3 files changed, 18 insertions(+) diff --git a/packages/eds-core-react/src/components/Input/__snapshots__/Input.test.tsx.snap b/packages/eds-core-react/src/components/Input/__snapshots__/Input.test.tsx.snap index 9de00ac339..399c91b0f3 100644 --- a/packages/eds-core-react/src/components/Input/__snapshots__/Input.test.tsx.snap +++ b/packages/eds-core-react/src/components/Input/__snapshots__/Input.test.tsx.snap @@ -31,6 +31,12 @@ exports[`Input Matches snapshot 1`] = ` outline-offset: 0px; } +.c0 > input { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + .c1 { width: 100%; border: none; diff --git a/packages/eds-core-react/src/components/Search/__snapshots__/Search.test.tsx.snap b/packages/eds-core-react/src/components/Search/__snapshots__/Search.test.tsx.snap index e7ece01e9f..0d029fe9c4 100644 --- a/packages/eds-core-react/src/components/Search/__snapshots__/Search.test.tsx.snap +++ b/packages/eds-core-react/src/components/Search/__snapshots__/Search.test.tsx.snap @@ -29,6 +29,12 @@ exports[`Search Matches snapshot 1`] = ` outline-offset: 0px; } +.c0 > input { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + .c4 { width: 100%; border: none; diff --git a/packages/eds-core-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/packages/eds-core-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap index a29b036e40..e58719abbd 100644 --- a/packages/eds-core-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap +++ b/packages/eds-core-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap @@ -60,6 +60,12 @@ exports[`TextField Matches snapshot 1`] = ` outline-offset: 0px; } +.c3 > input { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + .c4 { width: 100%; border: none;