mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-25 14:56:20 +00:00
4947420650
Add an info panel to the MediaDialog to show the user information about the chosen file from the new extmetadata API. Also, change the way results are viewed: * Present the search results with their proper ratio. * Use masonry fit for the search results. * Change the resizeToBoundingBox method in ve.dm.MWImageNode to accept a specific side constraint, either 'width' or 'height'. This is also going to be useful for adding and calculating 'scale' considerations that affects the image height. * Add info panel with details from extmetadata including author, license, date of upload and creation, etc. * Get descriptions and data according to wiki language. Bug: T78161 Bug: T74061 Change-Id: I7b4d019825aa89dd178665bd9492a07af15954ac
42 lines
1 KiB
CSS
42 lines
1 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki UserInterface MWMediaInfoFieldWidget styles.
|
|
*
|
|
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.ve-ui-mwMediaInfoFieldWidget.oo-ui-iconElement .ve-ui-mwMediaInfoFieldWidget-icon {
|
|
width: 1.9em;
|
|
margin: 0.05em;
|
|
height: 1.9em;
|
|
position: absolute;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.ve-ui-mwMediaInfoFieldWidget-text {
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
transition: max-height 0.5s ease-in;
|
|
}
|
|
|
|
.ve-ui-mwMediaInfoFieldWidget-readmore {
|
|
height: 2em;
|
|
width: 100%;
|
|
padding-top: 1em;
|
|
margin-top: -2em;
|
|
background: -webkit-linear-gradient( top, rgba( 255, 255, 255, 0 ) 0, #fff 50% );
|
|
background: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0, #fff 50% );
|
|
}
|
|
|
|
.ve-ui-mwMediaInfoFieldWidget.oo-ui-iconElement .oo-ui-labelElement-label {
|
|
display: block;
|
|
padding: 0.3em 0 0.1em 2.2em;
|
|
line-height: 1.25em;
|
|
}
|
|
|
|
.ve-ui-mwMediaInfoFieldWidget-description {
|
|
display: block;
|
|
line-height: 1.25em;
|
|
overflow-y: hidden;
|
|
}
|