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