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
  47                 // Watchlist unseen highlighted fixes
  48                 // Seen (empty circle)
  49                 // There's no need to correct 'unseen' because that would be
  50                 // a filled colorful circle, which is the regular rendering
  51                 .mw-changeslist-watchedseen &-c1 {
  52                         .mw-rcfilters-circle-color( @highlight-c1, true, @highlight-c1, true );
  53                 }
  54
  55                 .mw-changeslist-watchedseen &-c2 {
  56                         .mw-rcfilters-circle-color( @highlight-c2, true, @highlight-c2, true );
  57                 }
  58
  59                 .mw-changeslist-watchedseen &-c3 {
  60                         .mw-rcfilters-circle-color( @highlight-c3, true, @highlight-c3, true );
  61                 }
  62
  63                 .mw-changeslist-watchedseen &-c4 {
  64                         .mw-rcfilters-circle-color( @highlight-c4, true, @highlight-c4, true );
  65                 }
  66
  67                 .mw-changeslist-watchedseen &-c5 {
  68                         .mw-rcfilters-circle-color( @highlight-c5, true, @highlight-c5, true );
  69                 }
  70         }
  71 }