X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.widgets%2Fmw.widgets.CalendarWidget.less;h=253784e8f540762c989a2e57a9e8c83c62c60820;hb=eea791fc4dde69f4214329feb5128f12cbea5eff;hp=b929a5aa2b6cacbca64359ea18216bf70c817112;hpb=d17eeb742a26c2567de96872c0419b39b97cde56;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less b/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less index b929a5aa2b..253784e8f5 100644 --- a/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less +++ b/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less @@ -20,7 +20,9 @@ line-height: 2.5; } -.mw-widget-calendarWidget-header .oo-ui-buttonWidget { +// Overwrite OOUI's `.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child` +.mw-widget-calendarWidget-header .oo-ui-buttonWidget.oo-ui-iconElement { + margin-left: 0; margin-right: 0; } @@ -68,8 +70,8 @@ } .mw-widget-calendarWidget-body:not( .mw-widget-calendarWidget-old-body ):first-child { - margin-top: -@calendarHeight; - margin-left: -@calendarWidth; + margin-top: -@calendarHeight; /* stylelint-disable-line value-keyword-case */ + margin-left: -@calendarWidth; /* stylelint-disable-line value-keyword-case */ } .mw-widget-calendarWidget-body:not( .mw-widget-calendarWidget-old-body ):last-child { @@ -83,8 +85,8 @@ height: @calendarHeight; .mw-widget-calendarWidget-body:first-child { - margin-top: 0 !important; - margin-left: 0 !important; + margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ + margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ .transition( margin-left 500ms ); } } @@ -94,8 +96,8 @@ height: @calendarHeight; .mw-widget-calendarWidget-body:first-child { - margin-left: -@calendarWidth !important; - margin-top: 0 !important; + margin-left: -@calendarWidth !important; /* stylelint-disable-line value-keyword-case, declaration-no-important */ + margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ .transition( margin-left 500ms ); } } @@ -109,8 +111,8 @@ } .mw-widget-calendarWidget-body:first-child { - margin-left: 0 !important; - margin-top: 0 !important; + margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ + margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */ .transition( margin-top 500ms ); } } @@ -124,8 +126,8 @@ } .mw-widget-calendarWidget-body:first-child { - margin-left: 0 !important; - margin-top: -@calendarHeight !important; + margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ + margin-top: -@calendarHeight !important; /* stylelint-disable-line value-keyword-case, declaration-no-important */ .transition( margin-top 500ms ); } } @@ -147,15 +149,18 @@ // 7x7 grid width: @calendarWidth / 7; line-height: @calendarHeight / 7; + // Don't overlap the hacked-up fake box-shadow border we get when focussed &:nth-child( 7n ) { width: @calendarWidth / 7 - 0.2em; margin-right: 0.2em; } + &:nth-child( 7n+1 ) { width: @calendarWidth / 7 - 0.2em; margin-left: 0.2em; } + &:nth-child( 42 ) ~ & { line-height: @calendarHeight / 7 - 0.2em; margin-bottom: 0.2em; @@ -166,15 +171,18 @@ // 2x6 grid width: @calendarWidth / 2; line-height: @calendarHeight / 6; + // Don't overlap the hacked-up fake box-shadow border we get when focussed &:nth-child( 2n ) { width: @calendarWidth / 2 - 0.2em; margin-right: 0.2em; } + &:nth-child( 2n+1 ) { width: @calendarWidth / 2 - 0.2em; margin-left: 0.2em; } + &:nth-child( 10 ) ~ & { line-height: @calendarHeight / 6 - 0.2em; margin-bottom: 0.2em; @@ -185,15 +193,18 @@ // 5x4 grid width: @calendarWidth / 5; line-height: @calendarHeight / 4; + // Don't overlap the hacked-up fake box-shadow border we get when focussed &:nth-child( 5n ) { width: @calendarWidth / 5 - 0.2em; margin-right: 0.2em; } + &:nth-child( 5n+1 ) { width: @calendarWidth / 5 - 0.2em; margin-left: 0.2em; } + &:nth-child( 15 ) ~ & { line-height: @calendarHeight / 4 - 0.2em; margin-bottom: 0.2em;