wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-16 10:59:56 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWMediaDialog.css

68 lines
1.5 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
*/
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;
}
.ve-ui-mwMediaDialog-panel-imageinfo-thumb img {
margin: 1em 2em 0 2em;
}
.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 {
padding-left: 0;
-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;
}
.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