From a9c11d8f91d2cc5b44db51caf1610bfae9d5b3b2 Mon Sep 17 00:00:00 2001 From: Rishi Date: Sat, 20 Jan 2024 23:18:34 +0530 Subject: [PATCH 1/2] Fix : [#2866] Change width to 100% --- client/styles/components/_keyboard-shortcuts.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/client/styles/components/_keyboard-shortcuts.scss b/client/styles/components/_keyboard-shortcuts.scss index 1b621d7b94..42cf5ed22c 100644 --- a/client/styles/components/_keyboard-shortcuts.scss +++ b/client/styles/components/_keyboard-shortcuts.scss @@ -2,7 +2,7 @@ padding: #{20 / $base-font-size}rem; margin-right: #{20 / $base-font-size}rem; padding-bottom: #{40 / $base-font-size}rem; - width: #{450 / $base-font-size}rem; + width: 100%; overflow-y: auto; } @@ -24,6 +24,7 @@ text-align: right; margin-right: #{10 / $base-font-size}rem; padding: #{3 / $base-font-size}rem; + min-inline-size: max-content; @include themify { border: 1px solid getThemifyVariable("button-border-color"); border-radius: 3px; From 7b88f7501817e116f8f5a11746092fb554d95387 Mon Sep 17 00:00:00 2001 From: raclim Date: Fri, 29 Mar 2024 11:34:57 -0400 Subject: [PATCH 2/2] set width to max-width for scrollbar placement --- client/styles/components/_keyboard-shortcuts.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/styles/components/_keyboard-shortcuts.scss b/client/styles/components/_keyboard-shortcuts.scss index 6379426bef..ce0f4a344a 100644 --- a/client/styles/components/_keyboard-shortcuts.scss +++ b/client/styles/components/_keyboard-shortcuts.scss @@ -4,7 +4,7 @@ padding: #{math.div(20, $base-font-size)}rem; margin-right: #{math.div(20, $base-font-size)}rem; padding-bottom: #{math.div(40, $base-font-size)}rem; - width: 100%; + max-width: 100%; overflow-y: auto; }