Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Remove standard Edit button */
body.category-Artist #ca-edit,
body.category-Artist #p-cactions #ca-edit {
display: none !important;
}
/* ==========================================================================
MOBILE RESPONSIVE OVERRIDES FOR PAGE FORMS (MINERVA SKIN)
========================================================================== */
@media screen and (max-width: 767px) {
/* 1. Force structural tables to break and stack vertically */
.formtable,
.formtable tbody,
.formtable tr,
.formtable th,
.formtable td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: left !important;
}
/* Add clean separation between rows */
.formtable tr {
margin-bottom: 15px;
}
/* Give labels slight spacing from the inputs below them */
.formtable th {
padding-bottom: 4px;
}
/* 2. Scale standard HTML form inputs */
.pfForm input[type="text"],
.pfForm textarea,
.pfForm select,
.createboxInput {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* 3. Scale JavaScript-rendered token fields (Select2 & OOUI wrappers) */
.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 individual token tags from expanding off-screen */
.pfForm .select2-choices li {
max-width: 95% !important;
}
}