MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 33: | Line 33: | ||
max-width: 100% !important; | max-width: 100% !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | |||
/* Handle JavaScript-rendered token boxes */ | /* Handle JavaScript-rendered token boxes */ | ||
| Line 48: | Line 49: | ||
.pfForm .select2-choices li { | .pfForm .select2-choices li { | ||
max-width: 95% !important; | max-width: 95% !important; | ||
} | } | ||
} | } | ||
Revision as of 19:20, 27 October 2026
body.category-Artist #ca-edit,
body.category-Artist #p-cactions #ca-edit {
display: none !important;
}
/* Force Page Forms tables to stack vertically on mobile screens */
@media screen and (max-width: 767px) {
.formtable,
.formtable tbody,
.formtable tr,
.formtable th,
.formtable td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: left !important;
}
.formtable tr {
margin-bottom: 15px; /* Spacing between different fields */
}
.formtable th {
padding-bottom: 4px;
}
/* Prevent text inputs from overflowing the mobile screen boundaries */
.pfForm input[type="text"],
.pfForm textarea,
.pfForm select,
.createboxInput {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Handle JavaScript-rendered token boxes */
.pfForm .select2-container,
.pfForm .select2-container-multi,
.pfForm .select2-choices,
.pfForm .oo-ui-tagMultiselectWidget,
.pfForm .oo-ui-textInputWidget {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Keep the inner choice lists from pushing outward */
.pfForm .select2-choices li {
max-width: 95% !important;
}
}