jenkins-bot has submitted this change and it was merged.

Change subject: Alpha, Beta: Make overlays center-aligned
......................................................................


Alpha, Beta: Make overlays center-aligned

Bug: T96327
Change-Id: Iab701bacec374e1deb0db1838e51b6f3fc713dc6
---
M resources/mobile.overlays/Overlay.less
1 file changed, 29 insertions(+), 0 deletions(-)

Approvals:
  Phuedx: Looks good to me, approved
  jenkins-bot: Verified



diff --git a/resources/mobile.overlays/Overlay.less 
b/resources/mobile.overlays/Overlay.less
index c93d46f..d701a8e 100644
--- a/resources/mobile.overlays/Overlay.less
+++ b/resources/mobile.overlays/Overlay.less
@@ -1,5 +1,6 @@
 @import "minerva.variables";
 @import "minerva.mixins";
+@import "mediawiki.ui/variables";
 
 @contentHeaderBorderColor: #e2e2e2;
 
@@ -366,4 +367,32 @@
                        padding: 12px @contentPaddingTablet;
                }
        }
+
+       // The mobile.overlays module is a mess, cannot be refactored into 
beta, alpha easily.
+       // FIXME: Move these rules into a separate file and load in beta only
+       .alpha,
+       .beta {
+               .overlay-header {
+                       border-collapse: separate;
+                       border-bottom: none;
+               }
+               .overlay-header-container {
+                       border-bottom: 1px solid @grayLight;
+               }
+               .overlay-header,
+               .overlay-content {
+                       max-width: @contentMaxWidthTablet;
+                       margin: 0 auto;
+                       padding: 0 @contentPaddingTablet;
+               }
+               .overlay-header .cancel,
+               .overlay-header .back {
+                       // so that the icon image is aligned with the content
+                       left: -@iconGutterWidth;
+               }
+               .overlay-header .clear {
+                       // so that the icon image is aligned with the content
+                       right: -@iconGutterWidth;
+               }
+       }
 }

-- 
To view, visit https://gerrit.wikimedia.org/r/210612
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: Iab701bacec374e1deb0db1838e51b6f3fc713dc6
Gerrit-PatchSet: 5
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Bmansurov <bmansu...@wikimedia.org>
Gerrit-Reviewer: Jdlrobson <jrob...@wikimedia.org>
Gerrit-Reviewer: Kaldari <rkald...@wikimedia.org>
Gerrit-Reviewer: Phuedx <g...@samsmith.io>
Gerrit-Reviewer: jenkins-bot <>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to