mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-09-29 13:17:35 +00:00
961d47432b
* Following design, use split button to display a pulldown menu with possible image sizes. The download happens by sending the special "download" parameter to the server. * Offer link to preview image in the browser. Change-Id: Ic9d895fead04c9128186c7376a0bb09f3596335c Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/79
62 lines
1.1 KiB
Plaintext
62 lines
1.1 KiB
Plaintext
@mw-ui-constructive-button-color: #00af89;
|
|
|
|
.mw-mlb-download-pane {
|
|
margin-left: 10px;
|
|
|
|
/* Disable link clicks */
|
|
a.disabledLink {
|
|
pointer-events: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.multimediaviewer-download-button {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
/* Selection size arrow element */
|
|
.mw-mlb-download-select-menu {
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-color: @mw-ui-constructive-button-color;
|
|
border:0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left: 1px dotted black;
|
|
background-image: /* @embed */ url(../img/down.svg);
|
|
}
|
|
|
|
.multimediaviewer-download-image-size-name {
|
|
display:block;
|
|
}
|
|
|
|
.multimediaviewer-download-image-size {
|
|
display:block;
|
|
font-size: x-small;
|
|
}
|
|
|
|
.mw-mlb-download-preview-link {
|
|
display: block;
|
|
font-size: small;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
/* Pulldown size menu */
|
|
.mw-mlb-download-size {
|
|
display: none;
|
|
|
|
&.active {
|
|
display: block;
|
|
}
|
|
|
|
.oo-ui-widget-disabled {
|
|
display: none;
|
|
}
|
|
|
|
/* Changes to pulldown menu */
|
|
.oo-ui-inlineMenuWidget-handle {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
} |