resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less

   1 @import 'mediawiki.ui/variables';
   2
   3 .mw-rcfilters-ui-savedLinksListItemWidget {
   4         padding: 0 0.5em;
   5         line-height: normal;
   6
   7         &:hover {
   8                 // Mimicking optionWidget styles
   9                 background-color: @colorGray14;
  10                 color: @colorGray1;
  11         }
  12
  13         .mw-rcfilters-ui-cell {
  14                 vertical-align: middle;
  15         }
  16
  17         .mw-rcfilters-ui-savedLinksListItemWidget-icon .oo-ui-iconElement-icon {
  18                 // Since we made the rows narrower (height smaller than usual)
  19                 // then the icon needs to be slightly smaller as well, so that
  20                 // when we toggle 'default' the icon doesn't bounce the option
  21                 // height up a little
  22                 width: 1.2em;
  23                 height: 1.2em;
  24                 min-width: 16px;
  25                 min-height: 16px;
  26                 opacity: 0.5;
  27                 position: relative;
  28         }
  29
  30         &-icon span {
  31                 display: inline-block;
  32         }
  33
  34         &-input {
  35                 display: inline-block;
  36                 margin-right: 0;
  37                 width: 15em;
  38         }
  39
  40         &-label {
  41                 max-width: 15em;
  42                 display: inline-block;
  43                 vertical-align: middle;
  44                 text-overflow: ellipsis;
  45                 overflow: hidden;
  46                 cursor: pointer;
  47                 margin-left: 0.5px;
  48                 color: @colorProgressive;
  49         }
  50
  51         &-icon,
  52         &-button {
  53                 width: 2em;
  54         }
  55
  56         &-content {
  57                 width: 100%;
  58                 line-height: normal;
  59         }
  60
  61 }