mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-16 10:59:56 +00:00
6fdbe9fd7e
Make new graphical interface for editing existing galleries and adding new galleries. NB The dialog does not yet support rich text in the image captions, nor does it provide separate fields for e.g. link, alt text, etc. These are dependent on parsing the text within the tag, which is yet to be implemented by Parsoid. For now, these attributes should be specified in wikitext in the image-specific caption field. Bug: T45037 Change-Id: I2b4082e991268241a15b9bbd6d85c94cdc2185f2
54 lines
1.6 KiB
CSS
54 lines
1.6 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki UserInterface MWGalleryDialog styles.
|
|
*
|
|
* @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container {
|
|
width: 100%;
|
|
height: 100px;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
border: 1px solid #ccc;
|
|
margin-bottom: 0.5em;
|
|
cursor: pointer;
|
|
/* stylelint-disable no-unsupported-browser-features */
|
|
background-size: contain;
|
|
-webkit-transition: border 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
|
|
-moz-transition: border 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
|
|
transition: border 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 ), box-shadow 200ms cubic-bezier( 0.39, 0.575, 0.565, 1 );
|
|
/* stylelint-enable no-unsupported-browser-features */
|
|
}
|
|
|
|
.ve-ui-mwGalleryDialog-image-container-highlighted {
|
|
border-color: #347bff;
|
|
box-shadow: inset 0 0 0 0.1em #347bff;
|
|
}
|
|
|
|
.ve-ui-mwGalleryDialog-highlighted-image {
|
|
background-color: #f9f9f9;
|
|
width: 100%;
|
|
/* Matches default height in requestImages */
|
|
height: 200px;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: contain; /* stylelint-disable-line no-unsupported-browser-features */
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.ve-ui-mwGalleryDialog-remove-button {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.ve-ui-mwGalleryDialog .oo-ui-menuLayout-menu {
|
|
width: 14em;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
.ve-ui-mwGalleryDialog .oo-ui-menuLayout-content {
|
|
left: 14em;
|
|
right: 14em;
|
|
}
|