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                         .rcoptions {
  20                                 display: none;
  21                         }
  22                 }
  23         }
  24
  25         .rcfilters-container {
  26                 min-height: 100px;
  27                 margin: 0;
  28         }
  29
  30         .mw-changeslist {
  31                 &-empty {
  32                         // Hide the 'empty' message when we load rcfilters
  33                         // since we replace it anyways with a specific
  34                         // message of our own
  35                         display: none;
  36                 }
  37
  38                 &:not( .mw-rcfilters-ui-ready ) {
  39                         opacity: 0.5;
  40                 }
  41         }
  42
  43         .rcfilters-spinner {
  44                 margin: -2em auto 0;
  45                 width: 70px;
  46                 opacity: 0.8;
  47                 display: none;
  48                 white-space: nowrap;
  49
  50                 &:not( .mw-rcfilters-ui-ready ) {
  51                         display: block;
  52                 }
  53
  54                 & .rcfilters-spinner-bounce,
  55                 &:before,
  56                 &:after {
  57                         content: '';
  58                         display: inline-block;
  59                         width: 12px;
  60                         height: 12px;
  61                         background-color: #c8ccd1;
  62                         border-radius: 100%;
  63                         animation: rcfiltersBouncedelay 1.5s infinite ease-in-out;
  64                         animation-fill-mode: both;
  65                         animation-delay: -0.16s;
  66                 }
  67
  68                 &:before {
  69                         animation-delay: -0.33s;
  70                 }
  71
  72                 &:after {
  73                         animation-delay: 0s;
  74                 }
  75
  76         }
  77 }
  78
  79 .mw-rcfilters-staticfilters-selected {
  80         font-weight: bold;
  81 }
  82
  83 @keyframes rcfiltersBouncedelay {
  84         0%,
  85         100%,
  86         80% {
  87                 transform: scale( 0.7 );
  88         }
  89         40% {
  90                 transform: scale( 1 );
  91                 background-color: #a2a9b1;
  92         }
  93 }