wikimedia/mediawiki-extensions-DiscussionTools
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools synced 2024-11-24 00:13:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hide the lede section on mobile when DiscussionTools is enabled (2nd attempt)

Browse source 
Previously this was reverted in I28a5c774f5f after the initial
commit I3736b488046 caused T312177.

Bug: T311760
Change-Id: Iba65615378b183f0c970afff565f45cc878f1d71
This commit is contained in:
Esanders 2022-07-06 13:05:39 +00:00 committed by Ed Sanders
parent 72bb4aed13
commit d6a8c75899
1 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
modules/dt.init.less
View file

@ -542,17 +542,32 @@ span[ data-mw-comment-start ] {
}
}
.skin-minerva {
&.ext-discussiontools-visualenhancements-enabled {
.ext-discussiontools-init-readAsWikiPage {
display: block;
/* Not sticky per T309889 */
width: 100%;
padding: 1em;
color: @colorProgressive;
background: @colorGray15;
border-top: 1px solid @colorGray14;
text-align: center;
}
// DiscussionToolsEnableMobile disables the Minerva simplified talk page
// (SkinMinerva::isSimplifiedTalkPageEnabled). This is enabled on all pages
// in the talk namespace (with wikitext content model, but this file is not
// loaded on non-wikitext pages).
//
// DiscussionToolsEnableMobile enables multiple features, including the reply tool.
//
// Whenever we detect that DiscussionToolsEnableMobile is disabling the Minerva
// simplified talk page, hide the lede section, and show a "Read as wiki page" button
// to reveal it.
//
// The button will disable all DT features byt remove feature CSS classes.
// stylelint-disable-next-line selector-class-pattern
.skin-minerva.ns-talk.ext-discussiontools-replytool-enabled {
.mf-section-0 { /* stylelint-disable-line selector-class-pattern */
display: none;
}
.ext-discussiontools-init-readAsWikiPage {
display: block;
/* Not sticky per T309889 */
width: 100%;
padding: 1em;
color: @colorProgressive;
background: @colorGray15;
border-top: 1px solid @colorGray14;
text-align: center;
}
}