mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWMediaDialog.css
Moriel Schottlender 3d60389ea0 Add a layout queue to media result widget
Use a queue for the method that lays out the result images in
the rows; this queue will only run if the widget is visible,
to make sure that the calculations of the masonry view work
as they should.

In better words: Only cue the queue if the widget is visible.

Bug: T86802
Change-Id: Ia8a30a6a5cccd98a1201443d672e4a6ab4aa946f
2015-01-28 18:01:47 -08:00

79 lines
1.7 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface MWMediaDialog styles.
*
* @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwMediaDialog-panel-imageinfo {
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
}
.ve-ui-mwMediaDialog-panel-settings {
display: none;
}
.ve-ui-mwMediaDialog-panel-imageinfo-thumb {
text-align: center;
}
.ve-ui-mwMediaDialog-panel-imageinfo-loadingthumb img {
opacity: 0.8;
}
.ve-ui-mwMediaDialog-panel-imageinfo-info {
padding: 1em 2em;
}
.ve-ui-mwMediaDialog-panel-imageinfo-main {
margin-bottom: 1em;
}
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-thumb img {
margin-bottom: 1em;
max-height: none;
}
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-thumb,
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-info {
float: left;
}
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-info {
padding-left: 2em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ve-ui-mwMediaDialog-panel-imageinfo-title {
font-size: 1.5em;
line-height: 1.5em;
margin-top: -0.2em;
margin-bottom: 0.5em;
}
.ve-ui-mwMediaDialog-panel-imageinfo-details {
color: #666;
}
.ve-ui-mwMediaDialog-panel-imageinfo-separator {
margin: 0 0.5em;
display: inline-block;
}
.ve-ui-mwMediaDialog-altText {
width: auto;
}
.ve-ui-mwMediaSearchWidget .oo-ui-searchWidget-results {
padding-right: 0;
}
/* HACK: Override ooui specific 2em top margin */
.ve-ui-mwMediaDialog-caption-fielset.oo-ui-labelElement.oo-ui-fieldsetLayout {
margin-top: 0;
}