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

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