RCFilters: Make 'related links' collapsible

[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / styles / mw.rcfilters.less

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
index 305f3f9..0d12b81 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
@@ -9,12 +9,36 @@
                }
        }
 
+       .mw-recentchanges-toplinks {
+               padding: 0 0.5em;
+
+               &-title,
+               .mw-collapsible-text {
+                       // Same as the legend
+                       font-size: 0.85em;
+               }
+
+               &:not( .mw-collapsed ) {
+                       // Same as the legend
+                       border: 1px solid #ddd;
+               }
+
+               &:not( .mw-rcfilters-ui-ready ) {
+                       display: none;
+               }
+       }
+
        .rcfilters-head {
                min-height: 310px;
+               margin-top: 1em;
 
                &:not( .mw-rcfilters-ui-ready ) {
                        opacity: 0.5;
                        pointer-events: none;
+
+                       .rcoptions {
+                               display: none;
+                       }
                }
        }
 
@@ -23,20 +47,30 @@
                margin: 0;
        }
 
-       .mw-changeslist-empty {
-               // Hide the 'empty' message when we load rcfilters
-               // since we replace it anyways with a specific
-               // message of our own
-               display: none;
+       .mw-changeslist {
+               &-empty {
+                       // Hide the 'empty' message when we load rcfilters
+                       // since we replace it anyways with a specific
+                       // message of our own
+                       display: none;
+               }
+
+               &:not( .mw-rcfilters-ui-ready ) {
+                       opacity: 0.5;
+               }
        }
 
        .rcfilters-spinner {
                margin: -2em auto 0;
                width: 70px;
                opacity: 0.8;
-               display: block;
+               display: none;
                white-space: nowrap;
 
+               &:not( .mw-rcfilters-ui-ready ) {
+                       display: block;
+               }
+
                & .rcfilters-spinner-bounce,
                &:before,
                &:after {