resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.highlightCircles.seenunseen.less

   1 @import 'mw.rcfilters.mixins';
   2 @import 'mw.rcfilters.variables';
   3
   4 .mw-rcfilters-ui-changesListWrapperWidget {
   5         ul {
   6                 list-style: none;
   7
   8                 li {
   9                         list-style: none;
  10                 }
  11         }
  12 }
  13
  14 // Make more specific for the overrides
  15 div.mw-rcfilters-ui-highlights {
  16         body.mw-rcfilters-ui-initialized & {
  17                 display: inline-block;
  18         }
  19
  20         &-color {
  21                 &-none {
  22                         display: inline-block;
  23                         .mw-rcfilters-circle( @size-circle-result, @size-circle-result, 0 );
  24
  25                         .mw-changeslist-watchedseen & {
  26                                 .mw-rcfilters-ui-changesListWrapperWidget.mw-rcfilters-ui-changesListWrapperWidget-highlighted & {
  27                                         .mw-rcfilters-circle-color( @highlight-none, true, @highlight-grey, true );
  28                                 }
  29
  30                                 .mw-rcfilters-ui-changesListWrapperWidget:not( .mw-rcfilters-ui-changesListWrapperWidget-highlighted ) & {
  31                                         .mw-rcfilters-circle-color( @highlight-none, true, @highlight-bluedot, true );
  32                                 }
  33                         }
  34
  35                         .mw-changeslist-watchedunseen & {
  36                                 .mw-rcfilters-ui-changesListWrapperWidget.mw-rcfilters-ui-changesListWrapperWidget-highlighted & {
  37                                         .mw-rcfilters-circle-color( @highlight-grey, true, @highlight-grey );
  38                                 }
  39
  40                                 .mw-rcfilters-ui-changesListWrapperWidget:not( .mw-rcfilters-ui-changesListWrapperWidget-highlighted ) & {
  41                                         .mw-rcfilters-circle-color( @highlight-bluedot, true, @highlight-bluedot );
  42                                 }
  43                         }
  44                 }
  45
  46                 // Watchlist unseen highlighted fixes
  47                 // Seen (empty circle)
  48                 // There's no need to correct 'unseen' because that would be
  49                 // a filled colorful circle, which is the regular rendering
  50                 .mw-changeslist-watchedseen &-c1 {
  51                         .mw-rcfilters-circle-color( @highlight-c1, true, @highlight-c1, true );
  52                 }
  53
  54                 .mw-changeslist-watchedseen &-c2 {
  55                         .mw-rcfilters-circle-color( @highlight-c2, true, @highlight-c2, true );
  56                 }
  57
  58                 .mw-changeslist-watchedseen &-c3 {
  59                         .mw-rcfilters-circle-color( @highlight-c3, true, @highlight-c3, true );
  60                 }
  61
  62                 .mw-changeslist-watchedseen &-c4 {
  63                         .mw-rcfilters-circle-color( @highlight-c4, true, @highlight-c4, true );
  64                 }
  65
  66                 .mw-changeslist-watchedseen &-c5 {
  67                         .mw-rcfilters-circle-color( @highlight-c5, true, @highlight-c5, true );
  68                 }
  69         }
  70 }