MediaWiki:Common.css: Difference between revisions
From PC Gaming Shelter
No edit summary |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* | /* --- FORM INPUT FIXES --- */ | ||
/* | /* 1. Force the Series Box (Token Field) to be full width and consistent height */ | ||
. | .select2-container { | ||
width: 100% !important; | |||
max-width: 100% !important; | |||
box-sizing: border-box; | |||
} | } | ||
.select2-container .select2-selection--multiple { | |||
min-height: 35px; | |||
. | border: 1px solid #ccc !important; | ||
border-radius: 3px !important; | |||
background: #fff; | |||
padding: 4px; | |||
} | } | ||
/* | /* 2. Force the Date Picker to match standard inputs */ | ||
input.hasDatepicker { | |||
width: 100% !important; | |||
. | box-sizing: border-box; /* Ensures padding doesn't break width */ | ||
height: 35px; | |||
/* | padding: 5px 8px; | ||
border: 1px solid #ccc; | |||
border-radius: 3px; | |||
font-family: sans-serif; | |||
} | } | ||
/* | /* 3. Force all standard Text Inputs in the form to look uniform */ | ||
. | /* This targets inputs inside our specific form wrapper */ | ||
.game-form input[type="text"] { | |||
box-sizing: border-box; | |||
height: 35px; | |||
padding: 5px 8px; | |||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-radius: 3px; | |||
border-radius: | |||
} | } | ||
Revision as of 12:25, 10 February 2026
/* --- FORM INPUT FIXES --- */
/* 1. Force the Series Box (Token Field) to be full width and consistent height */
.select2-container {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.select2-container .select2-selection--multiple {
min-height: 35px;
border: 1px solid #ccc !important;
border-radius: 3px !important;
background: #fff;
padding: 4px;
}
/* 2. Force the Date Picker to match standard inputs */
input.hasDatepicker {
width: 100% !important;
box-sizing: border-box; /* Ensures padding doesn't break width */
height: 35px;
padding: 5px 8px;
border: 1px solid #ccc;
border-radius: 3px;
font-family: sans-serif;
}
/* 3. Force all standard Text Inputs in the form to look uniform */
/* This targets inputs inside our specific form wrapper */
.game-form input[type="text"] {
box-sizing: border-box;
height: 35px;
padding: 5px 8px;
border: 1px solid #ccc;
border-radius: 3px;
}
