mediawiki-extensions-Templa.../modules/ext.templateDataGenerator.css
Moriel Schottlender 8c27921232 Implement edit interface for TemplateData documentation
This adds a TemplateData manager to the edit page in the Template
namespace.

If a <templatedata> tag already exists, the tool will parse it and
display it in a visual interface that the user can then manipulate in
their own language. If there is no <templatedata> tag, the dialog will
appear empty and allow users to add and tweak their desired template
parameter data.

The tool also allows rudimentary parameter import, which picks up the
parameters from a current template into the GUI to make the user's life
easier when producing TemplateData.

The template documentation editor feature is off by default. To enable it
use $wgTemplateDataUseGUI = true in LocalSettings.

Bug: 50436
Change-Id: I863a8199c0b08cc52b320ed00dcba912dd2aeefc
2014-01-14 18:39:20 -08:00

88 lines
1.4 KiB
CSS

.tdg-editscreen-main-button {
padding: 5px;
font-size: 120%;
}
.tdg-editTable {
width: 100%;
}
.tdg-editTable th, .tdg-editTable td{
padding:0;
}
.tdg-editTable > tbody > tr {
vertical-align: top;
}
.tdg-editTable th {
text-align: left;
}
.tdg-editTable > tbody > tr > td:hover,
.tdg-editTable > tbody > tr:hover > td {
background-color: #BECDD4;
}
.tdg-editTable input,
.tdg-editTable select,
.tdg-editTable textarea,
.tdg-template-description{
background: transparent;
border: 1px solid #999999;
padding: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
}
.tdg-editTable input:not([type="checkbox"]),
.tdg-editTable select,
.tdg-editTable textarea{
height: 40px;
}
.tdg-editTable .tdg-title-delbutton, .tdg-title-required {
width: 80px;
}
.tdg-editTable .tdg-attr-required {
text-align: center;
}
.tdg-editTable .tdg-attr-required label {
display: block;
}
.tdg-attr-type select {
padding-top: 15px;
}
.tdg-attr-type {
width: 130px;
text-align: center;
}
.tdg-editTable .tdgerror {
background-color: #F2CBCB;
}
/** Start small, grow on focus: */
.tdg-title-name,
.tdg-title-aliases,
.tdg-title-label {
width: 100px;
}
.tdg-element-attr-name,
.tdg-element-attr-aliases,
.tdg-element-attr-label {
width: 100px;
}
.tdg-element-attr-name:focus,
.tdg-element-attr-aliases:focus,
.tdg-element-attr-label:focus {
width: 200px;
}
.tdg-element-attr-description:focus,
.tdg-element-attr-default:focus {
height: 70px;
}