From 9c1e1abc97fb0d7a271de3b754d9cbac4dddc3cb Mon Sep 17 00:00:00 2001 From: jdlrobson Date: Fri, 2 Aug 2019 14:27:41 -0700 Subject: [PATCH] Reduce visual clutter in Special:Contributions Force rollback, tagmarkers and revision delete/undelete onto their own lines without floats Bug: T229704 Change-Id: I0727f89bf4e906def9d3cfc8af8f921d6c12c68a --- minerva.less/minerva.mixins.less | 6 ++++++ skinStyles/mediawiki.special.changeslist.less | 18 ++++++++++++++++-- 2 files changed, 22 insertions(+), 2 deletions(-) diff --git a/minerva.less/minerva.mixins.less b/minerva.less/minerva.mixins.less index 8e653cf..f9c0fbe 100644 --- a/minerva.less/minerva.mixins.less +++ b/minerva.less/minerva.mixins.less @@ -40,10 +40,16 @@ list-style: none; position: relative; min-height: 80px; + width: 100%; /* !important to override the too-specific rule .content ol li, .content ul li */ margin: 0 !important; padding: 12px 0; border-bottom: 1px solid @colorGray14; + + &:before, + &:after { + .clearfix(); + } } .changeslist-row-item() { diff --git a/skinStyles/mediawiki.special.changeslist.less b/skinStyles/mediawiki.special.changeslist.less index 1522285..49a87a7 100644 --- a/skinStyles/mediawiki.special.changeslist.less +++ b/skinStyles/mediawiki.special.changeslist.less @@ -18,10 +18,16 @@ padding: 1em 0 0 0 !important; // overriding .content h4 } +ul.mw-contributions-list, ul.special { padding-left: 0 !important; // overriding `.content ul` margin-left: 0 !important; // overriding `.client-js .mw-changeslist ul` + li { + list-style-type: none; + .changeslist-row(); + } + // the following selector are nested due to their // generic names. .mw-title { @@ -29,6 +35,7 @@ ul.special { } .comment { + float: left; clear: both; font-style: italic; line-height: 1.4em; @@ -44,7 +51,8 @@ ul.special { display: block; } -.mw-changeslist-line-inner > * { +.mw-changeslist-line-inner > *, +ul.mw-contributions-list li > * { float: left; margin-right: 0.5em; } @@ -108,11 +116,17 @@ ul.special { white-space: nowrap; } +.mw-revdelundel-link, +.mw-tag-markers { + display: block; +} + /** * Button style rollback link, visible to admins. */ .mw-rollback-link { .mw-ui-button(); - float: right; font-size: @taglineFontSize; + float: left; + clear: both; }