wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-18 03:41:45 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWGalleryDialog.css

123 lines
3.6 KiB
CSS
Raw Normal View History

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-03-08 21:14:12 +00:00
/*!
* VisualEditor MediaWiki UserInterface MWGalleryDialog styles.
*
doc: Bump copyright year for 2020 Change-Id: I30539877543dc2a57bd1428a00d10ac46d8fc294
2020-01-08 17:13:04 +00:00
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
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-03-08 21:14:12 +00:00
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container {
height: 100px;
background-repeat: no-repeat;
background-position: 50% 50%;
Replace remaining greys/reds with WikimediaUI color palette colors Replacing remaining greys and reds apart Monobook/Apex specific stylesheets with WikimediaUI palette colors. Bug: T173459 Change-Id: I9b5b1c379bf76e8da57eeff28c7dd000f148a8fc
2017-08-16 20:42:24 +00:00
border: 1px solid #c8ccd1;
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-03-08 21:14:12 +00:00
cursor: pointer;
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 );
GalleryDialog: Downstream fix for DraggableElement padding Bug: T168745 Change-Id: I95e6f5cd2126878c4f973285fceece1d5a03c4eb
2017-06-23 18:57:27 +00:00
/* Override default padding of DraggableElement */
/* TODO: Remove once T168745 is resolved */
padding: 0;
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-03-08 21:14:12 +00:00
}
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container-desktop {
width: 100%;
margin-bottom: 0.5em;
}
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container-mobile {
width: 100px;
margin-right: 0.5em;
}
Make ve-ui-mwGalleryDialog-image-container-highlighted rule more specific to ensure border-color rule takes effect Bug: T148041 Change-Id: I39366884d44ea68780c3780042cf82e34408d098
2016-10-14 23:49:01 +00:00
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container-highlighted {
Update `progressive` color to WCAG 2.0 level AA compliant color palette Aligning instances of `progressive` color to WCAG 2.0 level AA compliant color palette similar to changes in I6fdb90af8b9dc5e5e026eb0c1bd13138c73da4cd Change-Id: I2eda190f0a68de6dc8aa33724f2c8975327a061f
2016-09-19 22:25:45 +00:00
border-color: #36c;
box-shadow: inset 0 0 0 0.1em #36c;
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-03-08 21:14:12 +00:00
}
GalleryDialog: Re-order and make margins even Move image inside filename fieldset, and make margins between fieldsets and button 1em. Change-Id: I7f6789043f873f9da4e960c94e22a7ee096a352f
2017-06-23 19:12:45 +00:00
.ve-ui-mwGalleryDialog .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
.ve-ui-mwGalleryDialog-remove-button {
margin-top: 1em;
Add filename to gallery dialog page Also add fieldset headings consistent with media dialog. Bug: T167049 Change-Id: I8112b70d8e3ba19079fdab0806ad343b233c9c18
2017-06-06 14:46:31 +00:00
}
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-03-08 21:14:12 +00:00
.ve-ui-mwGalleryDialog-highlighted-image {
Replace remaining greys/reds with WikimediaUI color palette colors Replacing remaining greys and reds apart Monobook/Apex specific stylesheets with WikimediaUI palette colors. Bug: T173459 Change-Id: I9b5b1c379bf76e8da57eeff28c7dd000f148a8fc
2017-08-16 20:42:24 +00:00
background-color: #f8f9fa;
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-03-08 21:14:12 +00:00
width: 100%;
Batch gallery imageinfo requests via ImageInfoCache subclass Also get rid of .join( '|' ) for API request parameters per Bartosz Bug: T147067 Change-Id: If4444cca300d65e28d6fb9003fcac5e076a5129a
2016-09-30 16:07:10 +00:00
/* Matches default height in GalleryImageInfoCache */
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-03-08 21:14:12 +00:00
height: 200px;
background-repeat: no-repeat;
background-position: 50% 50%;
stylelint: Drop no-unsupported-browser-features references The rule hasn't been applied for a while, as it was deprecated upstream. Change-Id: I7877d0e3bdcd05a609d61add2dc62d7598e348cb
2017-04-07 00:03:16 +00:00
background-size: contain;
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-03-08 21:14:12 +00:00
}
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-menu {
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-03-08 21:14:12 +00:00
width: 14em;
Replace remaining greys/reds with WikimediaUI color palette colors Replacing remaining greys and reds apart Monobook/Apex specific stylesheets with WikimediaUI palette colors. Bug: T173459 Change-Id: I9b5b1c379bf76e8da57eeff28c7dd000f148a8fc
2017-08-16 20:42:24 +00:00
border-right: 1px solid #c8ccd1;
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-03-08 21:14:12 +00:00
}
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
.ve-ui-mwGalleryDialog-menuLayout-mobile > .oo-ui-menuLayout-menu {
height: calc( 102px + 2em );
border-bottom: 1px solid #c8ccd1;
}
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-content {
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-03-08 21:14:12 +00:00
left: 14em;
right: 14em;
}
Fix "Add new image" button in the gallery dialog Make sure the button is always visible in the gallery dialog menu by fixing it to the bottom. Bug: T151506 Change-Id: I560b0dffbaad9e18c6f7f703cb155356470580ee
2016-11-30 21:48:37 +00:00
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
.ve-ui-mwGalleryDialog-menuLayout-mobile > .oo-ui-menuLayout-content {
top: calc( 102px + 2em );
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-content {
Fix "Add new image" button in the gallery dialog Make sure the button is always visible in the gallery dialog menu by fixing it to the bottom. Bug: T151506 Change-Id: I560b0dffbaad9e18c6f7f703cb155356470580ee
2016-11-30 21:48:37 +00:00
bottom: 5em;
}
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-content {
right: 4em;
border-right: 1px solid #eaecf0;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-content > .oo-ui-panelLayout-scrollable {
overflow-y: hidden;
}
ve.ui.MWGalleryDialog: Switch innerMenuPanel/innerContentPanel These two panels were named the wrong way around. Also change 'inner' prefix to 'imageList'. Change-Id: Ie1c3e2160c81b898795fb1fd4d0a027e8f06c4d4
2018-10-04 12:36:45 +00:00
.ve-ui-mwGalleryDialog-imageListMenuLayout > .oo-ui-menuLayout-menu {
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
text-align: center;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu {
box-shadow: 0 -1px 0 0 rgba( 0, 0, 0, 0.05 );
Fix "Add new image" button in the gallery dialog Make sure the button is always visible in the gallery dialog menu by fixing it to the bottom. Bug: T151506 Change-Id: I560b0dffbaad9e18c6f7f703cb155356470580ee
2016-11-30 21:48:37 +00:00
height: 5em;
Replace remaining greys/reds with WikimediaUI color palette colors Replacing remaining greys and reds apart Monobook/Apex specific stylesheets with WikimediaUI palette colors. Bug: T173459 Change-Id: I9b5b1c379bf76e8da57eeff28c7dd000f148a8fc
2017-08-16 20:42:24 +00:00
border-top: 1px solid #eaecf0;
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
}
ve.ui.MWGalleryDialog: Allow "Add new image" button label to wrap The interface has enough space for 2 or 3 lines of text. (On mobile, the button has only an icon and no label.) Bug: T260074 Change-Id: I50b08029f843e91d10b8c81985f6dfacbb96c8e7
2020-08-11 14:07:13 +00:00
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu .oo-ui-panelLayout-padded {
/* Center the button vertically */
padding: 0 12px;
line-height: 5em;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu .oo-ui-panelLayout-padded .oo-ui-buttonElement-button {
white-space: normal;
}
Improve the gallery dialog layout for mobile Bug: T203477 Change-Id: I0adc851b71362267d1d06d9a8b5483c1ee114c26
2018-10-10 13:09:39 +00:00
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu {
box-shadow: -1px 0 0 0 rgba( 0, 0, 0, 0.05 );
line-height: 102px;
width: 4em;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu > .oo-ui-panelLayout-padded {
padding: 1em 0;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
margin-left: 0;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout .oo-ui-draggableGroupElement-horizontal {
white-space: nowrap;
line-height: 0;
Fix "Add new image" button in the gallery dialog Make sure the button is always visible in the gallery dialog menu by fixing it to the bottom. Bug: T151506 Change-Id: I560b0dffbaad9e18c6f7f703cb155356470580ee
2016-11-30 21:48:37 +00:00
}
Reference in a new issue Copy permalink