style: 优化calendar若干样式 (#20790)

* style:优化calendar若干样式

1. 基本样式月份下拉框宽度
2. 通知事项的文字反向
3. 卡片模式,选择框的尺寸

* fix: css order

* fix css
pull/20805/head
xrkffgg 5 years ago committed by 二货机器人
parent da64b8b59a
commit 8a9e2c5784

@ -120,7 +120,6 @@ function MonthSelect<DateType>(props: SharedProps<DateType>) {
return (
<Select
size={fullscreen ? undefined : 'small'}
dropdownMatchSelectWidth={100}
className={`${prefixCls}-month-select`}
value={month}
options={options}

@ -15,11 +15,11 @@
padding: 11px 16px 11px 0;
.@{calendar-prefix-cls}-year-select {
width: 85px;
min-width: 85px;
}
.@{calendar-prefix-cls}-month-select {
width: 70px;
min-width: 70px;
margin-left: @padding-xs;
}
@ -150,6 +150,7 @@
height: 86px;
overflow-y: auto;
line-height: @line-height-base;
text-align: left;
}
&-today {

Loading…
Cancel
Save