resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less

   1 // Corrections for the standard special page
   2 .client-js {
   3         .rcoptions {
   4                 border: 0;
   5         }
   6
   7         .mw-recentchanges-toplinks {
   8                 padding: 0 0.5em;
   9
  10                 .oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
  11                         padding: 0 2.5em 0 0.5em;
  12                 }
  13
  14                 &-title,
  15                 .mw-collapsible-text {
  16                         // Same as the legend
  17                         font-size: 0.85em;
  18                 }
  19
  20                 &:not( .mw-collapsed ) {
  21                         // Same as the legend
  22                         border: 1px solid #ddd;
  23                 }
  24
  25                 &:not( .mw-rcfilters-ui-ready ) {
  26                         display: none;
  27                 }
  28         }
  29
  30         .rcfilters-head {
  31                 min-height: 220px;
  32                 margin-top: 1em;
  33
  34                 &:not( .mw-rcfilters-ui-ready ) {
  35                         opacity: 0.5;
  36                         pointer-events: none;
  37
  38                         .rcoptions {
  39                                 display: none;
  40                         }
  41                 }
  42         }
  43
  44         .rcfilters-container {
  45                 min-height: 100px;
  46                 margin: 0;
  47         }
  48
  49         .mw-changeslist {
  50                 &-empty {
  51                         // Hide the 'empty' message when we load rcfilters
  52                         // since we replace it anyways with a specific
  53                         // message of our own
  54                         display: none;
  55                 }
  56
  57                 &:not( .mw-rcfilters-ui-ready ) {
  58                         opacity: 0.5;
  59                 }
  60         }
  61
  62         .rcfilters-spinner {
  63                 margin: -2em auto 0;
  64                 width: 70px;
  65                 opacity: 0.8;
  66                 display: none;
  67                 white-space: nowrap;
  68
  69                 &:not( .mw-rcfilters-ui-ready ) {
  70                         display: block;
  71                 }
  72
  73                 & .rcfilters-spinner-bounce,
  74                 &:before,
  75                 &:after {
  76                         content: '';
  77                         display: inline-block;
  78                         width: 12px;
  79                         height: 12px;
  80                         background-color: #c8ccd1;
  81                         border-radius: 100%;
  82                         animation: rcfiltersBouncedelay 1.5s infinite ease-in-out;
  83                         animation-fill-mode: both;
  84                         animation-delay: -0.16s;
  85                 }
  86
  87                 &:before {
  88                         animation-delay: -0.33s;
  89                 }
  90
  91                 &:after {
  92                         animation-delay: 0s;
  93                 }
  94
  95         }
  96 }
  97
  98 .mw-rcfilters-staticfilters-selected {
  99         font-weight: bold;
 100 }
 101
 102 @keyframes rcfiltersBouncedelay {
 103         0%,
 104         100%,
 105         80% {
 106                 transform: scale( 0.7 );
 107         }
 108         40% {
 109                 transform: scale( 1 );
 110                 background-color: #a2a9b1;
 111         }
 112 }