Merge "tests: Remove some unused stuff in phpunit tests"
[lhc/web/wiklou.git] / resources / src / mediawiki.widgets / mw.widgets.TitleWidget.less
index 93c4b20..be3c10e 100644 (file)
  * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
  * @license The MIT License (MIT); see LICENSE.txt
  */
+@import 'mediawiki.mixins';
 
-.mw-widget-titleOptionWidget-description {
-       display: none;
-}
+.mw-widget-titleWidget-menu {
+       .mw-widget-titleOptionWidget {
+               line-height: normal;
 
-.mw-widget-titleWidget {
-       &-menu-withImages {
+               &-description {
+                       color: #72777d;
+               }
+       }
+
+       &-withImages {
                .mw-widget-titleOptionWidget {
-                       -webkit-box-sizing: border-box;
-                       -moz-box-sizing: border-box;
-                       box-sizing: border-box;
+                       .box-sizing( border-box );
                        min-height: 3.75em;
-                       margin-left: 3.75em;
-               }
+                       padding-left: 4.75em;
+                       padding-top: 0.5em;
+                       padding-bottom: 0.5em;
 
-               .mw-widget-titleOptionWidget:not(:last-child) {
-                       margin-bottom: 1px;
-               }
+                       &:not( :last-child ) {
+                               margin-bottom: 2px;
+                       }
 
-               .oo-ui-iconElement .oo-ui-iconElement-icon {
-                       display: block;
-                       width: 3.75em;
-                       height: 3.75em;
-                       left: -3.75em;
-                       background-color: #ccc;
-                       opacity: 0.4;
-               }
+                       > .oo-ui-labelElement-label {
+                               line-height: 2.8em;
+                       }
 
-               .oo-ui-iconElement .mw-widget-titleOptionWidget-hasImage {
-                       border: 0;
-                       background-size: cover;
-                       opacity: 1;
-               }
+                       &.oo-ui-iconElement {
+                               > .oo-ui-iconElement-icon {
+                                       display: block;
+                                       width: 3.75em;
+                                       height: 3.75em;
+                                       left: 0;
+                                       &:not( .mw-widget-titleOptionWidget-hasImage ) {
+                                               background-color: #c8ccd1;
+                                               opacity: 0.4;
+                                       }
+                                       &.mw-widget-titleOptionWidget-hasImage {
+                                               border: 0;
+                                               background-size: cover;
+                                               opacity: 0.7;
+                                       }
+                               }
+                       }
 
-               .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
-                       line-height: 2.8em;
+                       &.oo-ui-optionWidget-highlighted,
+                       &.oo-ui-optionWidget-selected {
+                               &.oo-ui-iconElement > .mw-widget-titleOptionWidget-hasImage {
+                                       opacity: 1;
+                               }
+                       }
                }
        }
 
-       &-menu-withDescriptions {
-               .mw-widget-titleOptionWidget .oo-ui-labelElement-label {
-                       line-height: 1.5em;
+       &-withDescriptions {
+               .mw-widget-titleOptionWidget {
+                       > .oo-ui-labelElement-label {
+                               line-height: 1.5em;
+                       }
+
+                       &-description {
+                               display: block;
+                               white-space: nowrap;
+                               text-overflow: ellipsis;
+                               overflow: hidden;
+                       }
                }
+       }
 
+       &:not( &-withDescriptions ) {
                .mw-widget-titleOptionWidget-description {
-                       display: block;
-                       white-space: nowrap;
-                       text-overflow: ellipsis;
-                       overflow: hidden;
+                       display: none;
                }
        }
 }
 
-.oo-ui-menuOptionWidget:not(.oo-ui-optionWidget-selected) .mw-widget-titleOptionWidget-description,
-.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted .mw-widget-titleOptionWidget-description {
-       color: #888;
+/* Icons */
+
+.oo-ui-icon-page-disambiguation {
+       /* @embed */
+       background-image: url( images/page-disambiguation-ltr.svg );
+}
+
+.oo-ui-icon-page-existing {
+       /* @embed */
+       background-image: url( images/page-existing-ltr.svg );
+}
+
+.oo-ui-icon-page-not-found {
+       /* @embed */
+       background-image: url( images/page-not-found-ltr.svg );
+}
+
+.oo-ui-icon-page-not-found:lang( he ) {
+       /* @embed */
+       background-image: url( images/page-not-found-he-yi.svg );
+}
+
+.oo-ui-icon-page-redirect {
+       /* @embed */
+       background-image: url( images/page-redirect-ltr.svg );
 }