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

   1 // Corrections for the standard special page
   2 .client-js {
   3         .rcoptions {
   4                 border: 0;
   5                 border-bottom: 1px solid #a2a9b1;
   6
   7                 legend {
   8                         display: none;
   9                 }
  10         }
  11
  12         .rcfilters-head {
  13                 min-height: 310px;
  14
  15                 &:not( .mw-rcfilters-ui-ready ) {
  16                         opacity: 0.5;
  17                         pointer-events: none;
  18                 }
  19         }
  20
  21         .rcfilters-container {
  22                 min-height: 100px;
  23                 margin: 0;
  24         }
  25
  26         .mw-changeslist-empty {
  27                 // Hide the 'empty' message when we load rcfilters
  28                 // since we replace it anyways with a specific
  29                 // message of our own
  30                 display: none;
  31         }
  32
  33         .rcfilters-spinner {
  34                 margin: -2em auto 0;
  35                 width: 70px;
  36                 opacity: 0.8;
  37                 display: block;
  38                 white-space: nowrap;
  39
  40                 & .rcfilters-spinner-bounce,
  41                 &:before,
  42                 &:after {
  43                         content: '';
  44                         display: inline-block;
  45                         width: 12px;
  46                         height: 12px;
  47                         background-color: #c8ccd1;
  48                         border-radius: 100%;
  49                         animation: rcfiltersBouncedelay 1.5s infinite ease-in-out;
  50                         animation-fill-mode: both;
  51                         animation-delay: -0.16s;
  52                 }
  53
  54                 &:before {
  55                         animation-delay: -0.33s;
  56                 }
  57
  58                 &:after {
  59                         animation-delay: 0s;
  60                 }
  61
  62         }
  63 }
  64
  65 .mw-rcfilters-staticfilters-selected {
  66         font-weight: bold;
  67 }
  68
  69 @keyframes rcfiltersBouncedelay {
  70         0%,
  71         100%,
  72         80% {
  73                 transform: scale( 0.7 );
  74         }
  75         40% {
  76                 transform: scale( 1 );
  77                 background-color: #a2a9b1;
  78         }
  79 }