wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-12-02 01:46:47 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWMediaDialog.css

79 lines
1.7 KiB
CSS
Raw Normal View History

Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
/*!
* VisualEditor MediaWiki UserInterface MWMediaDialog styles.
*
build: Bump copyright notices to 2015 Change-Id: Ie92dab7411116d3410195c3fb0a3513c664c0c30
2015-01-08 23:54:03 +00:00
* @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
* @license The MIT License (MIT); see LICENSE.txt
*/
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-15 18:50:30 +00:00
.ve-ui-mwMediaDialog-panel-imageinfo {
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
}
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-16 17:11:13 +00:00
.ve-ui-mwMediaDialog-panel-settings {
display: none;
}
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
.ve-ui-mwMediaDialog-panel-imageinfo-thumb {
text-align: center;
}
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-15 18:50:30 +00:00
.ve-ui-mwMediaDialog-panel-imageinfo-loadingthumb img {
opacity: 0.8;
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
}
.ve-ui-mwMediaDialog-panel-imageinfo-info {
padding: 1em 2em;
}
.ve-ui-mwMediaDialog-panel-imageinfo-main {
Tweak margins on media info page Change-Id: I5434c3ade332de22f6b6cf058dc2f1e402524959
2015-01-16 13:34:25 +00:00
margin-bottom: 1em;
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
}
.ve-ui-mwMediaDialog-panel-imageinfo-portrait .ve-ui-mwMediaDialog-panel-imageinfo-thumb img {
Tweak margins on media info page Change-Id: I5434c3ade332de22f6b6cf058dc2f1e402524959
2015-01-16 13:34:25 +00:00
margin-bottom: 1em;
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
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 {
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-15 18:50:30 +00:00
padding-left: 2em;
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
Split out omnibus CSS files Change-Id: I195a0e4091cf2d003c325e9c653dd634e7096779
2014-03-18 20:52:39 +00:00
}
Merge Media Edit and Media Insert dialogs Merge the media edit and media insert dialogs. Allow editing of media properties when inserting a new image, and also allow the user to replace the image on edit. Bug: 67170 Change-Id: I35bd95503565dbf95090ee8110284db5a8fbba83
2014-06-19 15:44:05 +00:00
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
.ve-ui-mwMediaDialog-panel-imageinfo-title {
font-size: 1.5em;
line-height: 1.5em;
margin-top: -0.2em;
Increase the space between the title and text in media dialog Make the spacing between the image title and the description the same as the space between the description and the metadata. Bug: T87451 Change-Id: I0d0051cd66072861019b904980c405fa05145b2b
2015-01-23 20:19:51 +00:00
margin-bottom: 0.5em;
Transform the search widget to show image details 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
2014-09-18 19:49:22 +00:00
}
.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;
Merge Media Edit and Media Insert dialogs Merge the media edit and media insert dialogs. Allow editing of media properties when inserting a new image, and also allow the user to replace the image on edit. Bug: 67170 Change-Id: I35bd95503565dbf95090ee8110284db5a8fbba83
2014-06-19 15:44:05 +00:00
}
.ve-ui-mwMediaSearchWidget .oo-ui-searchWidget-results {
padding-right: 0;
}
Add filename to the media dialog Show the currently used filename at the top of the media dialog so it can be copied and used in other pages if needed. Bug: T54459 Change-Id: Ib1844c997189f7ead0656c5a811d3cab70030f89
2015-01-08 23:40:12 +00:00
/* HACK: Override ooui specific 2em top margin */
.ve-ui-mwMediaDialog-caption-fielset.oo-ui-labelElement.oo-ui-fieldsetLayout {
margin-top: 0;
}
Reference in a new issue Copy permalink