mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWMediaDialog.css
Moriel Schottlender a44e0d2e5d Lazy load the media search results
* Set the src attribute only when the image is actually
  visible in the search results.
* Display the thumbnail image we have from the search
  results and then update with a larger one from the API.
* Request for more media results on a higher threshhold,
  when the user views 2 rows above the last available
  result.
* Correct the resizeToBoundingBox and simplify it to work
  properly for a non-square bounding box regardless of
  constraints.

Change-Id: If024b0335ce6a5d2d0eafdbfdfe1030dcaac3a75
2015-01-28 17:56:54 -08:00

75 lines
1.6 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-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;
}