From 3d172d30214e2812d7e6b91effecc656fef52e60 Mon Sep 17 00:00:00 2001 From: Aleksey Solovyev Date: Tue, 29 Nov 2022 20:52:13 +0300 Subject: [PATCH 1/2] fix: delete sidebar width on mobile devices --- src/frontend/styles/components/sidebar.pcss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss index 23c2493..7ce04ca 100644 --- a/src/frontend/styles/components/sidebar.pcss +++ b/src/frontend/styles/components/sidebar.pcss @@ -1,5 +1,4 @@ .docs-sidebar { - width: 100vw; /* Bottom and Left coord of the "Hide Sidebar" toggler */ --hide-sidebar-toggler-offset: 11px; From 185550dd08da6882ff24bbe7a1b14ed290d34ff6 Mon Sep 17 00:00:00 2001 From: Aleksey Solovyev Date: Tue, 29 Nov 2022 21:42:19 +0300 Subject: [PATCH 2/2] fix: change units of max content width from vw to % This is necessary to correctly calculate the width of the content container. --- src/frontend/styles/layout.pcss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss index 8f6e899..1c5e56c 100644 --- a/src/frontend/styles/layout.pcss +++ b/src/frontend/styles/layout.pcss @@ -30,7 +30,7 @@ @media (--desktop) { max-width: min( calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)), - calc(100vw - var(--layout-sidebar-width)) + calc(100% - var(--layout-sidebar-width)) ); margin-left: max(var(--main-col-min-margin-left), calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal)); margin-right: auto;