From deaef1d0b9c32a0f6101a3447fb19aa6684b8c0f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ng=C3=B4=20Ng=E1=BB=8Dc=20=C4=90=E1=BB=A9c=20Huy?= Date: Sun, 5 Nov 2023 09:21:01 +0700 Subject: [PATCH 1/2] Use relative unit for font size --- src/App.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.scss b/src/App.scss index 36176b35..1d338d15 100644 --- a/src/App.scss +++ b/src/App.scss @@ -8,7 +8,7 @@ } html { - font-size: 14px; + font-size: 0.875rem; // overflow-x: clip causes my browser's tab to crash with SIGILL lul } From 235c734d3700342fc98366160f84b9b42785ad7a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ng=C3=B4=20Ng=E1=BB=8Dc=20=C4=90=E1=BB=A9c=20Huy?= Date: Sun, 5 Nov 2023 09:21:49 +0700 Subject: [PATCH 2/2] Use overflow: auto for description Previously it sets overflow: scroll, so there's an unnecessary horizontal scroll. overflow: auto only shows scrollbar when it overflows --- src/components/attachment/attachment.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index 484ca0c4..d65f39fb 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -37,7 +37,7 @@ white-space: pre-line; word-break: break-word; text-overflow: ellipsis; - overflow: scroll; + overflow: auto; } &.-static {