resources/src/mediawiki.widgets/mw.widgets.TitleInputWidget.css

   1 /*!
   2  * MediaWiki Widgets - TitleInputWidget 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-titleInputWidget-menu-withImages .mw-widget-titleOptionWidget {
   9         -webkit-box-sizing: border-box;
  10         -moz-box-sizing: border-box;
  11         box-sizing: border-box;
  12         min-height: 3.75em;
  13         margin-left: 3.75em;
  14 }
  15
  16 .mw-widget-titleInputWidget-menu-withImages .mw-widget-titleOptionWidget:not(:last-child) {
  17         margin-bottom: 1px;
  18 }
  19
  20 .mw-widget-titleInputWidget-menu-withImages .oo-ui-iconElement .oo-ui-iconElement-icon {
  21         display: block;
  22         width: 3.75em;
  23         height: 3.75em;
  24         left: -3.75em;
  25         background-color: #ccc;
  26         opacity: 0.4;
  27 }
  28
  29 .mw-widget-titleInputWidget-menu-withImages .oo-ui-iconElement .mw-widget-titleOptionWidget-hasImage {
  30         border: 0;
  31         background-size: cover;
  32         opacity: 1;
  33 }
  34
  35 .mw-widget-titleInputWidget-menu-withImages .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
  36         line-height: 2.8em;
  37 }
  38
  39 .mw-widget-titleOptionWidget-description {
  40         display: none;
  41 }
  42
  43 .mw-widget-titleInputWidget-menu-withDescriptions .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
  44         line-height: 1.5em;
  45 }
  46
  47 .mw-widget-titleInputWidget-menu-withDescriptions .mw-widget-titleOptionWidget-description {
  48         display: block;
  49         white-space: nowrap;
  50         text-overflow: ellipsis;
  51         overflow: hidden;
  52 }
  53
  54 .oo-ui-menuOptionWidget:not(.oo-ui-optionWidget-selected) .mw-widget-titleOptionWidget-description,
  55 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted .mw-widget-titleOptionWidget-description {
  56         color: #888;
  57 }