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

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