resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less

   1 /*!
   2  * MediaWiki Widgets - TitleWidget styles.
   3  *
   4  * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
   5  * @license The MIT License (MIT); see LICENSE.txt
   6  */
   7
   8 .mw-widget-titleOptionWidget-description {
   9         display: none;
  10 }
  11
  12 .mw-widget-titleWidget {
  13         &-menu-withImages {
  14                 .mw-widget-titleOptionWidget {
  15                         -webkit-box-sizing: border-box;
  16                         -moz-box-sizing: border-box;
  17                         box-sizing: border-box;
  18                         min-height: 3.75em;
  19                         margin-left: 3.75em;
  20                 }
  21
  22                 .mw-widget-titleOptionWidget:not(:last-child) {
  23                         margin-bottom: 1px;
  24                 }
  25
  26                 .oo-ui-iconElement .oo-ui-iconElement-icon {
  27                         display: block;
  28                         width: 3.75em;
  29                         height: 3.75em;
  30                         left: -3.75em;
  31                         background-color: #ccc;
  32                         opacity: 0.4;
  33                 }
  34
  35                 .oo-ui-iconElement .mw-widget-titleOptionWidget-hasImage {
  36                         border: 0;
  37                         background-size: cover;
  38                         opacity: 1;
  39                 }
  40
  41                 .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
  42                         line-height: 2.8em;
  43                 }
  44         }
  45
  46         &-menu-withDescriptions {
  47                 .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
  48                         line-height: 1.5em;
  49                 }
  50
  51                 .mw-widget-titleOptionWidget-description {
  52                         display: block;
  53                         white-space: nowrap;
  54                         text-overflow: ellipsis;
  55                         overflow: hidden;
  56                 }
  57         }
  58 }
  59
  60 .oo-ui-menuOptionWidget:not(.oo-ui-optionWidget-selected) .mw-widget-titleOptionWidget-description,
  61 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted .mw-widget-titleOptionWidget-description {
  62         color: #888;
  63 }