From b9dc654a4f25ea6d3e56ffc24099769616ddeb9e Mon Sep 17 00:00:00 2001 From: Nicholas Ray Date: Fri, 27 Mar 2020 10:15:30 -0600 Subject: [PATCH] Add end margin to opt-out link This adds the same end margin as the portal container making the opt-out-link more visually pleasing if it overflows its container. Bug: T243281 Change-Id: I42eb3ec4a18ad9e4f6bcdb451593fec7e6e4992a --- resources/skins.vector.styles/EmphasizedSidebarAction.less | 2 +- resources/skins.vector.styles/Portal.less | 2 +- variables.less | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/resources/skins.vector.styles/EmphasizedSidebarAction.less b/resources/skins.vector.styles/EmphasizedSidebarAction.less index 6efca5e..44375b4 100644 --- a/resources/skins.vector.styles/EmphasizedSidebarAction.less +++ b/resources/skins.vector.styles/EmphasizedSidebarAction.less @@ -3,7 +3,7 @@ .vector-emphasized-sidebar-action { // Align with the portal heading/links // `.portal` + `.portal .body` - margin: 8px 0 8px @margin-start-portal + @margin-start-portal-body; + margin: 8px @margin-end-portal 8px @margin-start-portal + @margin-start-portal-body; } .vector-emphasized-sidebar-action-link { diff --git a/resources/skins.vector.styles/Portal.less b/resources/skins.vector.styles/Portal.less index 3fe8591..a53a272 100644 --- a/resources/skins.vector.styles/Portal.less +++ b/resources/skins.vector.styles/Portal.less @@ -2,7 +2,7 @@ @import 'mediawiki.mixins.less'; .portal { - margin: 0 0.6em 0 @margin-start-portal; + margin: 0 @margin-end-portal 0 @margin-start-portal; padding: 0.25em 0; direction: ltr; diff --git a/variables.less b/variables.less index eb8afa1..608e7d5 100644 --- a/variables.less +++ b/variables.less @@ -84,6 +84,10 @@ // languages). @margin-start-portal: 0.7em; +// Margin space from the end of the Portal (right edge in LTR +// languages). +@margin-end-portal: 0.6em; + // Margin space from the start of the Portal body (left edge in LTR languages). @margin-start-portal-body: @margin-start-nav-main-body;