.mw-widget-calendarWidget-body-wrapper {
.mw-widget-calendarWidget-body {
display: inline-block;
+ display: inline-grid;
// Fit 7 days, 3em each
width: @calendarWidth;
// Fit 6 weeks + heading line, 2em each
.mw-widget-calendarWidget-body {
display: block;
+ display: grid;
}
.mw-widget-calendarWidget-body:first-child {
.mw-widget-calendarWidget-body {
display: block;
+ display: grid;
}
.mw-widget-calendarWidget-body:first-child {
}
}
+// Support: Browsers that render CSS Grid. All others ignore unknown `grid-*` properties.
+// This avoids any calculation issues pushing items to next line.
+.mw-widget-calendarWidget-body-month {
+ grid-template-columns: auto auto auto auto auto auto auto;
+}
+
+.mw-widget-calendarWidget-body-year {
+ grid-template-columns: auto auto;
+}
+
+.mw-widget-calendarWidget-body-duodecade {
+ grid-template-columns: auto auto auto auto auto;
+}
+
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-month,