From 5718afbc37e2394ca00c650d80c85e1d4493b4f2 Mon Sep 17 00:00:00 2001 From: Jan Drewniak Date: Tue, 15 Sep 2020 15:54:38 +0200 Subject: [PATCH] Adjust the left-alignment of the sidebar Bug: T257395 Change-Id: Iae03d45b2d21be7e4635646c57480c0ced770419 --- resources/skins.vector.styles/Sidebar.less | 2 +- resources/skins.vector.styles/layout-max-width.less | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/resources/skins.vector.styles/Sidebar.less b/resources/skins.vector.styles/Sidebar.less index 8b3e3a575..43aa6c4e0 100644 --- a/resources/skins.vector.styles/Sidebar.less +++ b/resources/skins.vector.styles/Sidebar.less @@ -21,7 +21,7 @@ min-height: @size-sidebar-button; width: @size-sidebar-button; height: @size-sidebar-button; - border: 1px solid transparent; + border: @border-width-base @border-style-base transparent; border-radius: @border-radius-base; &:before { diff --git a/resources/skins.vector.styles/layout-max-width.less b/resources/skins.vector.styles/layout-max-width.less index 60c9aa9a0..4457a1af1 100644 --- a/resources/skins.vector.styles/layout-max-width.less +++ b/resources/skins.vector.styles/layout-max-width.less @@ -94,6 +94,10 @@ // we apply top and bottom padding. padding-top: 8px; padding-bottom: 40px; + // Adjust the left position of the sidebar to align it with the sidebar menu button, + // in the header, while ensuring the background gradient still extends to the edge of the screen. + // note: the 1px comes from the transparent border of the sidebar button + padding-left: @margin-horizontal-sidebar-button-icon + @border-width-base; } .mw-footer {