MediaWiki:Common.css: Difference between revisions
From PC Gaming Shelter
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
/* ... (Keep your existing table CSS here) ... */ | /* ... (Keep your existing table CSS here) ... */ | ||
/* SMART GRID FOR FORMS */ | /* --- SMART GRID FOR FORMS --- */ | ||
/* This forces checkbox lists to align in perfect | /* This forces checkbox lists to align in perfect columns */ | ||
. | .checkbox-grid { | ||
display: grid; | display: grid; | ||
/* | /* This automatically calculates how many columns fit in the row */ | ||
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); | grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); | ||
gap: 10px; /* Space between items */ | gap: 10px; /* Space between items */ | ||
| Line 39: | Line 39: | ||
} | } | ||
/* | /* Optional: Make the individual items look cleaner */ | ||
. | .checkbox-grid span.checkboxLabel { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
white-space: nowrap; | |||
} | } | ||
Revision as of 12:10, 10 February 2026
/* CSS placed here will be applied to all skins */
/* Force tables to use 100% width when this class is used */
.fullwidth {
width: 100% !important;
}
/* Optional: Prevent Game Mode from wrapping onto two lines */
.nowrap {
white-space: nowrap;
}
/* STRONG FIX: Disable links in ALL sortable table headers */
table.wikitable th a,
table.wikitable th.headerSort a {
pointer-events: none !important; /* Makes clicks pass through to the sort button */
cursor: pointer !important; /* Shows the hand cursor for sorting */
color: black !important; /* Forces text to look black, not blue */
text-decoration: none !important; /* Removes the underline */
}
/* Hide columns based on the 'hide' parameter */
.hide-Genre .col-genre,
.hide-Platform .col-platform,
.hide-Mode .col-mode,
.hide-Players .col-players {
display: none !important;
}
/* CSS placed here will be applied to all skins */
/* ... (Keep your existing table CSS here) ... */
/* --- SMART GRID FOR FORMS --- */
/* This forces checkbox lists to align in perfect columns */
.checkbox-grid {
display: grid;
/* This automatically calculates how many columns fit in the row */
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 10px; /* Space between items */
width: 100%;
}
/* Optional: Make the individual items look cleaner */
.checkbox-grid span.checkboxLabel {
display: flex;
align-items: center;
white-space: nowrap;
}
