X-Git-Url: https://scripts.mit.edu/gitweb/autoinstallsdev/mediawiki.git/blobdiff_plain/19e297c21b10b1b8a3acad5e73fc71dcb35db44a..6932310fd58ebef145fa01eb76edf7150284d8ea:/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less

diff --git a/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less b/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less
new file mode 100644
index 00000000..deca71bc
--- /dev/null
+++ b/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less
@@ -0,0 +1,79 @@
+/*!
+ * MediaWiki Widgets - TitleWidget styles.
+ *
+ * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
+ * @license The MIT License (MIT); see LICENSE.txt
+ */
+@import 'mediawiki.mixins';
+
+.mw-widget-titleWidget-menu {
+	.mw-widget-titleOptionWidget {
+		line-height: normal;
+
+		&-description {
+			color: #72777d;
+		}
+	}
+
+	&-withImages {
+		.mw-widget-titleOptionWidget {
+			.box-sizing( border-box );
+			min-height: 3.75em;
+			padding-left: 4.75em;
+
+			&:not( :last-child ) {
+				margin-bottom: 2px;
+			}
+
+			> .oo-ui-labelElement-label {
+				line-height: 2.8em;
+			}
+
+			&.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;
+					}
+				}
+			}
+
+			&.oo-ui-optionWidget-highlighted,
+			&.oo-ui-optionWidget-selected {
+				&.oo-ui-iconElement > .mw-widget-titleOptionWidget-hasImage {
+					opacity: 1;
+				}
+			}
+		}
+	}
+
+	&-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: none;
+		}
+	}
+}