Bmansurov has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/220627

Change subject: Alpha, beta: Limit the last modified bar background width
......................................................................

Alpha, beta: Limit the last modified bar background width

Also remove the unneeded .pre-content and .post-content classes
as they introduced regression in stable.

Bug: T98925
Change-Id: I966eded1851560748834dd0c995249a5740eef07
---
M includes/skins/history.mustache
M resources/skins.minerva.base.styles/ui.less
M resources/skins.minerva.tablet.beta.styles/common.less
3 files changed, 36 insertions(+), 20 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileFrontend 
refs/changes/27/220627/1

diff --git a/includes/skins/history.mustache b/includes/skins/history.mustache
index 0d009c9..dd506f4 100644
--- a/includes/skins/history.mustache
+++ b/includes/skins/history.mustache
@@ -1,6 +1,5 @@
-<div{{^isMainPage}} class="last-modified-bar"{{/isMainPage}}>
-       {{! FIXME: Should have both post-content and pre-content classes}}
-       <div id="mw-mf-last-modified" class="truncated-text pre-content 
post-content">
+<div class="{{^isMainPage}}last-modified-bar{{/isMainPage}}">
+       <div id="mw-mf-last-modified" class="truncated-text">
                <a href="{{link}}"
                        data-user-name="{{username}}"
                        data-user-gender="{{userGender}}"
diff --git a/resources/skins.minerva.base.styles/ui.less 
b/resources/skins.minerva.base.styles/ui.less
index 0b6df81..5399e5b 100644
--- a/resources/skins.minerva.base.styles/ui.less
+++ b/resources/skins.minerva.base.styles/ui.less
@@ -12,26 +12,26 @@
 
 #content_wrapper {
        border-top: 1px solid @grayLight;
+}
 
-       .last-modified-bar {
-               background-color: @colorGray14;
-               padding: 0 @contentMargin;
-               display: block;
+.last-modified-bar {
+       background-color: @colorGray14;
+       padding: 0 @contentMargin;
+       display: block;
+       color: @colorGray6;
+       a {
                color: @colorGray6;
-               a {
-                       color: @colorGray6;
-                       // If browser supports
-                       &:nth-child(2) {
-                               font-weight: bold;
-                       }
+               // If browser supports
+               &:nth-child(2) {
+                       font-weight: bold;
                }
+       }
 
-               &.active {
-                       background-color: #00AF8B;
+       &.active {
+               background-color: #00AF8B;
+               color: #fff;
+               a {
                        color: #fff;
-                       a {
-                               color: #fff;
-                       }
                }
        }
 }
diff --git a/resources/skins.minerva.tablet.beta.styles/common.less 
b/resources/skins.minerva.tablet.beta.styles/common.less
index 544cb86..f90aa74 100644
--- a/resources/skins.minerva.tablet.beta.styles/common.less
+++ b/resources/skins.minerva.tablet.beta.styles/common.less
@@ -21,7 +21,8 @@
                .overlay-content,
                .content-unstyled,
                .pre-content,
-               .content-overlay {
+               .content-overlay,
+               .last-modified-bar {
                        margin-left: auto;
                        margin-right: auto;
                        max-width: @contentMaxWidthTablet;
@@ -36,7 +37,8 @@
                .content-unstyled,
                .content-header,
                .overlay-header,
-               .overlay-content {
+               .overlay-content,
+               .last-modified-bar {
                        padding-left: @contentPaddingTablet;
                        padding-right: @contentPaddingTablet;
                }
@@ -76,6 +78,21 @@
                        top: 36px;
                        padding: 0;
                }
+
+               .last-modified-bar {
+                       background-color: transparent;
+                       font-size: 1em;
+               }
+               #mw-mf-last-modified {
+                       background-color: @colorGray14;
+                       font-size: 0.9em;
+                       padding: 5px 15px;
+               }
+               .last-modified-bar.active {
+                       #mw-mf-last-modified {
+                               background-color: #00AF8B;
+                       }
+               }
        }
 
        .beta {

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: I966eded1851560748834dd0c995249a5740eef07
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Bmansurov <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to