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

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