mediawiki-extensions-Templa.../modules/ext.templateData/templateData.css
Thiemo Kreuz 8497d85a2d Fix CSS styling of the HTML rendering broken since 2016
Some time ago there was a little bit of custom CSS applied to the HTML
table rendering. This is broken since patch I74214ea from 2016. This
patch renamed all CSS classes but forgot to update the PHP code
accordingly.

I decided to not change the HTML rendering because these class names
might already be used in custom per-wiki or per-user CSS. Instead I
partly revert I74214ea.

Unfortunately, some of the styles are quite dramatic, don't look good
or just don't work. I decided to remove some. The argument is that
the HTML rendering looks the same for 6 years now. I don't see a good
reason to change it now.

In detail:
* Suggested values are not aliases and should not be rendered in
  gray.
* The message "no description" is rendered in gray and italics. But
  this was applied to the wrong DOM element and made everything else
  gray and italic as well.
* The color #777 is not readable, violating WCAG rules. While it's ok
  to dim aliases and such, it must be at least #555 or darker.
* The "nowrap" destroys the table the moment one of the parameters
  does have a longer name or alias. Let the browser handle this, as
  it did for 6 years now.
* Same for rendering aliases as individual, indented blocks. This
  makes the table unnecessarily big when there are many aliases, and
  just doesn't look right. Again, let's stick to what we had for
  6 years.

Change-Id: Idfa76eed6e2d68474c79d4674efce091cb031b66
2022-08-08 11:56:16 +02:00

53 lines
1.1 KiB
CSS

.mw-templatedata-doc-params tbody > tr > th {
text-align: left;
font-weight: normal;
}
.mw-templatedata-doc-param-alias {
color: #555; /* required to pass WCAG AAA */
}
.mw-templatedata-doc-muted {
font-style: italic;
color: #555; /* required to pass WCAG AAA */
}
.mw-templatedata-doc-param-status-required {
font-weight: bold;
}
.mw-templatedata-format {
font-weight: normal;
font-size: 0.85em;
}
.mw-templateData-maps-panel-button {
margin-bottom: 0.5em;
}
.mw-templateData-template-map-list-menu-panel {
border-right: 1px solid #c8ccd1;
}
.mw-templateData-template-remove-map-button {
margin-bottom: 0.8em;
}
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
height: 4em;
text-align: center;
box-shadow: 0 5px 16px -8px #0000001f;
}
.tdg-templateDataDialog-addingNewMap .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
height: 6.6em;
}
.tdg-templateDataDialog-editMapsPanel .oo-ui-menuLayout > .oo-ui-menuLayout-content {
top: 4em;
}
.tdg-templateDataDialog-addingNewMap .oo-ui-menuLayout > .oo-ui-menuLayout-content {
top: 6.6em;
}