mw.widgets.CalendarWidget: Improve today's date highlighting

This was goofy, and the margins caused items to wobble around on
hover. I forgot about the box-shadow trick.

Change-Id: I35c32456ad0a1633ffbd1fbe6ad77adba694ae2d

diff --git a/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less b/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less
index 582a316..21a9019 100644 (file)
--- a/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less
@@ -220,9 +220,8 @@
 }
 
 .mw-widget-calendarWidget-day-today {
-       border: 1px solid #3787fb;
+       box-shadow: inset 0 0 0 1px #3787fb;
        border-radius: ((@calendarHeight / 7) / 2);
-       margin: -1px;
 }
 
 .mw-widget-calendarWidget-item-selected {
@@ -250,8 +249,7 @@
        &.mw-widget-calendarWidget-day-heading {
                border-radius: ((@calendarHeight / 7) / 4);
                // Hide the border from .mw-widget-calendarWidget-day-today
-               border: 0;
-               margin: 0;
+               box-shadow: none;
        }
 
        &.mw-widget-calendarWidget-month {