From 04fb58d32ae30c1bcae4489147bc51b2263e08b1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Mon, 26 Jul 2021 16:37:05 +0200 Subject: [PATCH 1/2] Improve lists styling MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/styles/components/columns.scss | 2 +- app/styles/components/list-forms.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index 0beae81af..d4f92ce48 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -553,7 +553,7 @@ } .column-header__expansion { - overflow-x: scroll; + overflow-x: auto; overflow-y: hidden; white-space: nowrap; } diff --git a/app/styles/components/list-forms.scss b/app/styles/components/list-forms.scss index 57f182580..a3e6a47a5 100644 --- a/app/styles/components/list-forms.scss +++ b/app/styles/components/list-forms.scss @@ -3,7 +3,7 @@ width: 100%; overflow: hidden; height: 100%; - overflow-y: scroll; + overflow-y: auto; @media screen and (max-width: 420px) { width: 90%; From 8102547f568e30bec64ba6dcb0e4cfcae70e1f68 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Tue, 27 Jul 2021 22:49:19 +0200 Subject: [PATCH 2/2] Lists UI MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/styles/components/list-forms.scss | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/app/styles/components/list-forms.scss b/app/styles/components/list-forms.scss index a3e6a47a5..0679ac6e1 100644 --- a/app/styles/components/list-forms.scss +++ b/app/styles/components/list-forms.scss @@ -5,10 +5,6 @@ height: 100%; overflow-y: auto; - @media screen and (max-width: 420px) { - width: 90%; - } - h4 { padding: 15px 0; background: var(--background-color); @@ -69,11 +65,7 @@ width: 100%; overflow: hidden; height: 100%; - overflow-y: scroll; - - @media screen and (max-width: 420px) { - width: 90%; - } + overflow-y: auto; &__account { background: var(--background-color);