mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWGalleryDialog.css
Thalia 6fdbe9fd7e Make dialog for editing galleries
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
2016-06-07 13:53:02 +01:00

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;
}