From 97bc69aca1a8fab7af6624ac0a7ac080c9319605 Mon Sep 17 00:00:00 2001 From: kKaskak <117831817+kKaskak@users.noreply.github.com> Date: Mon, 25 Dec 2023 16:04:05 +0200 Subject: [PATCH 1/3] update: max-height on minimum width devices --- src/routes/Addons/Addon/styles.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/routes/Addons/Addon/styles.less b/src/routes/Addons/Addon/styles.less index 998baf53d..872bf2dbf 100644 --- a/src/routes/Addons/Addon/styles.less +++ b/src/routes/Addons/Addon/styles.less @@ -202,6 +202,10 @@ .info-container { margin-left: 0.5rem; padding: 0; + + .description-container { + max-height: none; + } } .buttons-container { From 0bd7bd7e96128bb55620954972d60bec9c145e16 Mon Sep 17 00:00:00 2001 From: kKaskak <117831817+kKaskak@users.noreply.github.com> Date: Mon, 25 Dec 2023 16:07:27 +0200 Subject: [PATCH 2/3] update: name-container styling on mobile --- src/routes/Addons/Addon/styles.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/routes/Addons/Addon/styles.less b/src/routes/Addons/Addon/styles.less index 872bf2dbf..180e5e936 100644 --- a/src/routes/Addons/Addon/styles.less +++ b/src/routes/Addons/Addon/styles.less @@ -203,6 +203,11 @@ margin-left: 0.5rem; padding: 0; + .name-container { + max-height: none; + font-size: 1.3rem; + } + .description-container { max-height: none; } From 48c23552db5a28f71e1607d96db8c64e271d7b5a Mon Sep 17 00:00:00 2001 From: kKaskak <117831817+kKaskak@users.noreply.github.com> Date: Mon, 25 Dec 2023 16:24:12 +0200 Subject: [PATCH 3/3] refactor: removed the max-height instead tested on ipad and in some cases it was still overflowing --- src/routes/Addons/Addon/styles.less | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/routes/Addons/Addon/styles.less b/src/routes/Addons/Addon/styles.less index 180e5e936..26863df3f 100644 --- a/src/routes/Addons/Addon/styles.less +++ b/src/routes/Addons/Addon/styles.less @@ -84,7 +84,6 @@ flex-basis: 100%; margin-top: 0.5rem; padding: 0 0.5rem; - max-height: 4.8em; color: var(--primary-foreground-color); } } @@ -207,10 +206,6 @@ max-height: none; font-size: 1.3rem; } - - .description-container { - max-height: none; - } } .buttons-container {