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

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