mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-09-29 21:28:12 +00:00
![Thiemo Mättig](/assets/img/avatar_default.png)
These text fields contain file names and license informations that tend to contain very loooooooooong words. These make the field hard to use and hard to read, especially when the browser decides to add a horizontal scroll bar to the already pretty short text field. Some browsers do a proper word wrap by default, others may not. I suggest to add this explicitely. Bug: T69835 Change-Id: I3f32270c1c0310e83288b5f4e260feb474006297
69 lines
1.1 KiB
Plaintext
69 lines
1.1 KiB
Plaintext
@switch-color: #f2f2f2;
|
|
@active-switch-color: #666666;
|
|
@embed-dimensions-color: #aaaaaa;
|
|
@textarea-text-color: #333333;
|
|
|
|
.mw-mmv-reuse-pane {
|
|
.mw-mmv-embed-text-html,
|
|
.mw-mmv-embed-text-wikitext {
|
|
display: none;
|
|
width: auto;
|
|
|
|
&.active {
|
|
display: block;
|
|
}
|
|
|
|
// The selector has to be that deep and include [readonly] to override OOJS UI's definition
|
|
textarea[readonly] {
|
|
color: @textarea-text-color;
|
|
text-shadow: none;
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mmv-reuse-dialog .mw-mmv-embed-pane {
|
|
padding: 20px 27px;
|
|
|
|
.mw-mmv-embed-explanation {
|
|
margin: 0 0 10px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
p, textarea {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-embed-switch {
|
|
div {
|
|
padding: 1px 3px;
|
|
background-color: @switch-color;
|
|
|
|
&.active {
|
|
background-color: @active-switch-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mmv-embed-size {
|
|
display: none;
|
|
|
|
&.active {
|
|
display: block;
|
|
}
|
|
|
|
.oo-ui-widget-disabled {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-embed-dimensions {
|
|
color: @embed-dimensions-color;
|
|
font-size: small;
|
|
|
|
.oo-ui-optionWidget-selected & {
|
|
color: lighten(@embed-dimensions-color, 20%); // selected option has dark background
|
|
}
|
|
}
|