From d3af024c26abea825c0e02bab218e1894296de6f Mon Sep 17 00:00:00 2001 From: simeng-li Date: Thu, 20 Oct 2022 17:33:14 +0800 Subject: [PATCH 1/2] fix(ui): fix text overflow issue fix test overflow issue --- packages/ui/src/components/Button/index.module.scss | 2 +- packages/ui/src/components/Notification/index.module.scss | 1 + packages/ui/src/scss/normalized.scss | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/components/Button/index.module.scss b/packages/ui/src/components/Button/index.module.scss index 513498fe5..99b649d18 100644 --- a/packages/ui/src/components/Button/index.module.scss +++ b/packages/ui/src/components/Button/index.module.scss @@ -11,8 +11,8 @@ -webkit-appearance: none; -webkit-tap-highlight-color: transparent; transition: background 0.2s ease-in-out; - white-space: nowrap; user-select: none; + overflow: hidden; } .large { diff --git a/packages/ui/src/components/Notification/index.module.scss b/packages/ui/src/components/Notification/index.module.scss index 28eb9dc43..63dcaeb93 100644 --- a/packages/ui/src/components/Notification/index.module.scss +++ b/packages/ui/src/components/Notification/index.module.scss @@ -31,6 +31,7 @@ .link { text-decoration: underline; cursor: pointer; + max-width: 20%; } :global(body.desktop) { diff --git a/packages/ui/src/scss/normalized.scss b/packages/ui/src/scss/normalized.scss index 13cdd9c19..ab4759fd7 100644 --- a/packages/ui/src/scss/normalized.scss +++ b/packages/ui/src/scss/normalized.scss @@ -2,6 +2,7 @@ body { margin: 0; padding: 0; font-family: sans-serif; + word-break: break-word; } * { From ceb2ff7c462cb941283b5548441f592ae787ffa1 Mon Sep 17 00:00:00 2001 From: simeng-li Date: Fri, 21 Oct 2022 10:08:52 +0800 Subject: [PATCH 2/2] fix(ui): cr update cr update --- packages/ui/src/containers/AppContent/index.module.scss | 1 + packages/ui/src/scss/normalized.scss | 1 - 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/containers/AppContent/index.module.scss b/packages/ui/src/containers/AppContent/index.module.scss index b99a56322..b7be87a8d 100644 --- a/packages/ui/src/containers/AppContent/index.module.scss +++ b/packages/ui/src/containers/AppContent/index.module.scss @@ -22,6 +22,7 @@ body { background-color: var(--color-base); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto; + word-break: break-word; } .container { diff --git a/packages/ui/src/scss/normalized.scss b/packages/ui/src/scss/normalized.scss index ab4759fd7..13cdd9c19 100644 --- a/packages/ui/src/scss/normalized.scss +++ b/packages/ui/src/scss/normalized.scss @@ -2,7 +2,6 @@ body { margin: 0; padding: 0; font-family: sans-serif; - word-break: break-word; } * {