mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/widgets/ve.ui.MWParameterResultWidget.css
Thiemo Kreuz 1bbf7c3394 Fix ellipsis on long strings in parameter search widget
This ellipsis was there before we started working on this code,
but was never working properly.

We understand that the CSS was intentionally done like this (as
the comment explains). However:
* We changed the width of the dialog. The old value doesn't
  match any more.
* The width is different when the sidebar is expanded vs. when
  it is collapsed. Even if we update the number, it won't
  always work.
* The 100% work fine in current browsers. I can only assume
  this was different back in 2014 when this CSS was written
  (see Ia8259e9).

Bug: T285044
Change-Id: I3de2b0ed0b6a05d2b9fa0b325a2b12277564b271
2021-07-16 13:33:51 +02:00

62 lines
1.3 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface MWParameterResultWidget styles.
*
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwParameterResultWidget {
padding-right: 0.25em;
}
.ve-ui-mwParameterResultWidget.oo-ui-optionWidget-highlighted {
background-color: #e1f3ff;
}
.ve-ui-mwParameterResultWidget .oo-ui-optionWidget-icon {
top: 0.25em;
margin-top: 0;
}
.ve-ui-mwParameterResultWidget-label,
.ve-ui-mwParameterResultWidget-names,
.ve-ui-mwParameterResultWidget-description {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
.ve-ui-mwParameterResultWidget-label {
font-weight: bold;
float: left;
}
.ve-ui-mwParameterResultWidget-names {
float: right;
font-size: 0.9em;
padding: 0.2em 0;
}
.ve-ui-mwParameterResultWidget-name {
padding: 0.1em 0.25em;
margin-left: 0.5em;
color: #54595d;
background-color: #fff;
border: 1px solid #c8ccd1;
border-radius: 2px;
}
.ve-ui-mwParameterResultWidget-name.ve-ui-mwParameterResultWidget-alias {
background-color: #eaecf0;
}
.ve-ui-mwParameterResultWidget-description {
clear: both;
color: #54595d;
}
.ve-ui-mwParameterResultWidget-description.ve-ui-mwParameterResultWidget-unknown {
font-style: italic;
}