From 99e475b6353d6cc8cae36f40b516530b8b92f68d Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Thu, 6 Jul 2023 19:07:08 -0400 Subject: [PATCH] =?UTF-8?q?feat(MediaWiki):=20=E2=9C=A8=20tweak=20rcfilter?= =?UTF-8?q?=20other=20review=20tools=20styles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...diawiki.rcfilters.filters.base.styles.less | 6 ---- .../mediawiki.special.changeslist.less | 35 +++++++++++++++++++ 2 files changed, 35 insertions(+), 6 deletions(-) diff --git a/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less b/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less index 64dc0871..f276f751 100644 --- a/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less +++ b/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less @@ -9,12 +9,6 @@ */ .client-js { - .mw-recentchanges-toplinks { - &:not( .mw-recentchanges-toplinks-collapsed ) { - border-color: var( --border-color-base ); - } - } - .mw-rcfilters-spinner { & .mw-rcfilters-spinner-bounce, &::before, diff --git a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less index 7004148d..055c8f36 100644 --- a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less +++ b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less @@ -89,8 +89,43 @@ } } +.client-js .mw-recentchanges-toplinks { + padding-left: 0; +} + +/* Skeleton lazyloader for rcfilter */ +.client-js body:not( .mw-rcfilters-ui-initialized ) .mw-rcfilters-head { + border-radius: var( --border-radius--small ); + background: var( --color-surface-2 ); +} + .client-js .mw-recentchanges-toplinks:not( .mw-recentchanges-toplinks-collapsed ) { + padding: 0; /* Shift padding to button only */ border-color: var( --border-color-base ); + border-radius: var( --border-radius--small ); + margin-bottom: 16px; /* Same margin between rcfilter and saved filter */ + + /* Extend button to full width */ + .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child { + display: block; + background: var( --color-surface-2 ); + border-top-left-radius: var( --border-radius--small ); + border-top-right-radius: var( --border-radius--small ); + + .oo-ui-buttonElement-button { + display: block; + } + + .oo-ui-indicatorElement-indicator { + right: 6px !important; + } + } +} + +.mw-recentchanges-toplinks { + .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child { + margin: 0; + } } /*