test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-03 04:18:29 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
2betop 2020-04-28 17:30:25 +08:00
parent 4e7c00b78b
commit bb7d495c45
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
scss/components/form/_date.scss
View File

@ -33,7 +33,7 @@
&.is-disabled { &.is-disabled {
background: $gray200; background: $gray200;
>&-input { > &-input {
color: $text--muted-color; color: $text--muted-color;
} }
} }
@ -42,6 +42,7 @@
color: $DatePicker-placeholderColor; color: $DatePicker-placeholderColor;
user-select: none; user-select: none;
margin-right: $gap-base; margin-right: $gap-base;
min-width: px2rem(50px);
flex-basis: 0; flex-basis: 0;
flex-grow: 1; flex-grow: 1;
} }
@ -78,18 +79,19 @@
} }
} }
.#{$ns}DateControl:not(.is-inline)>.#{$ns}DatePicker { .#{$ns}DateControl:not(.is-inline) > .#{$ns}DatePicker {
display: flex; display: flex;
} }
.#{$ns}DatePicker-shortcuts { .#{$ns}DatePicker-shortcuts {
margin: 0; margin: 0;
background: $Calendar-shortcuts-bg; background: $Calendar-shortcuts-bg;
padding: ($Calendar-shortcuts-height - $Calendar-fontSize * $lineHeightBase) / 2 $gap-sm; padding: ($Calendar-shortcuts-height - $Calendar-fontSize * $lineHeightBase) /
2 $gap-sm;
list-style: none; list-style: none;
width: px2rem(250px); width: px2rem(250px);
&+.rdt .rdtPicker { & + .rdt .rdtPicker {
padding-top: 0; padding-top: 0;
} }
} }
@ -166,8 +168,6 @@
background: $Calendar-cell-onActive-bg; background: $Calendar-cell-onActive-bg;
} }
td.rdtDisabled, td.rdtDisabled,
td.rdtDisabled:hover { td.rdtDisabled:hover {
background-color: $Calendar-cell-onDisabled-bg; background-color: $Calendar-cell-onDisabled-bg;
@ -262,7 +262,8 @@
font-size: $fontSizeSm; font-size: $fontSizeSm;
} }
@include button-variant($Calendar-btn-bg, @include button-variant(
$Calendar-btn-bg,
$Calendar-btn-border, $Calendar-btn-border,
$Calendar-btn-color, $Calendar-btn-color,
$Calendar-btn-onHover-bg, $Calendar-btn-onHover-bg,
@ -270,16 +271,18 @@
$Calendar-btn-onHover-color, $Calendar-btn-onHover-color,
$Calendar-btn-onActive-bg, $Calendar-btn-onActive-bg,
$Calendar-btn-onActive-border, $Calendar-btn-onActive-border,
$Calendar-btn-onActive-color); $Calendar-btn-onActive-color
);
border-radius: $Calendar-btn-borderRadius; border-radius: $Calendar-btn-borderRadius;
&+.rdtBtn { & + .rdtBtn {
margin-left: $gap-xs; margin-left: $gap-xs;
} }
&Cancel { &Cancel {
@include button-variant($Calendar-btnCancel-bg, @include button-variant(
$Calendar-btnCancel-bg,
$Calendar-btnCancel-border, $Calendar-btnCancel-border,
$Calendar-btnCancel-color, $Calendar-btnCancel-color,
$Calendar-btnCancel-onHover-bg, $Calendar-btnCancel-onHover-bg,
@ -287,7 +290,8 @@
$Calendar-btnCancel-onHover-color, $Calendar-btnCancel-onHover-color,
$Calendar-btnCancel-onActive-bg, $Calendar-btnCancel-onActive-bg,
$Calendar-btnCancel-onActive-border, $Calendar-btnCancel-onActive-border,
$Calendar-btnCancel-onActive-color); $Calendar-btnCancel-onActive-color
);
} }
} }
@ -347,13 +351,13 @@
width: 100%; width: 100%;
// padding: 0 10px; // padding: 0 10px;
>* { > * {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
.rdtSwitch+.rdtSwitch { .rdtSwitch + .rdtSwitch {
margin-left: $gap-xs; margin-left: $gap-xs;
} }
} }
@ -363,7 +367,7 @@ td.rdtYear {
width: px2rem(50px); width: px2rem(50px);
height: px2rem(40px); height: px2rem(40px);
>span { > span {
height: px2rem(24px); height: px2rem(24px);
display: block; display: block;
} }
@ -372,7 +376,7 @@ td.rdtYear {
&.rdtActive { &.rdtActive {
background: transparent !important; background: transparent !important;
>span { > span {
background: $info; background: $info;
color: $white; color: $white;
} }
@ -381,9 +385,9 @@ td.rdtYear {
&.rdtDisabled { &.rdtDisabled {
background: transparent !important; background: transparent !important;
>span { > span {
background: #edf1f2; background: #edf1f2;
color: #999; color: #999;
} }
} }
} }