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