chore: sync ant-design v4.1.3 (#73)
This commit is contained in:
James Yeung
GitHub
Родитель
79b0709ff4
Коммит
16df332a65
|
|
@ -36,6 +36,10 @@
|
|||
.@{form-prefix-cls}-vertical {
|
||||
.@{form-item-prefix-cls} {
|
||||
flex-direction: column;
|
||||
|
||||
&-label > label {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -310,6 +310,10 @@
|
|||
display: inline-flex;
|
||||
}
|
||||
|
||||
& > .@{ant-prefix}-picker-range {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
& > *:not(:last-child) {
|
||||
margin-right: -@border-width-base;
|
||||
border-right-width: @border-width-base;
|
||||
|
|
|
|||
|
|
@ -22,8 +22,6 @@
|
|||
}
|
||||
|
||||
&-back {
|
||||
float: left;
|
||||
margin: 8px 0;
|
||||
margin-right: @margin-md;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
|
|
@ -45,45 +43,49 @@
|
|||
margin-top: @margin-xs;
|
||||
}
|
||||
|
||||
.text-overflow-ellipsis() {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-heading {
|
||||
width: 100%;
|
||||
.clearfix;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
&-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&-title {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: @margin-sm;
|
||||
margin-bottom: 0;
|
||||
padding-right: @padding-sm;
|
||||
color: @heading-color;
|
||||
font-weight: 600;
|
||||
font-size: @heading-4-size;
|
||||
line-height: 32px;
|
||||
.text-overflow-ellipsis;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-avatar {
|
||||
float: left;
|
||||
margin-right: @margin-sm;
|
||||
}
|
||||
|
||||
&-sub-title {
|
||||
float: left;
|
||||
margin: 5px 0;
|
||||
margin-right: @margin-sm;
|
||||
color: @text-color-secondary;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
&-tags {
|
||||
float: left;
|
||||
margin: 4px 0;
|
||||
.text-overflow-ellipsis;
|
||||
}
|
||||
|
||||
&-extra {
|
||||
float: right;
|
||||
|
||||
white-space: nowrap;
|
||||
> * {
|
||||
margin-left: 8px;
|
||||
margin-left: @margin-sm;
|
||||
white-space: unset;
|
||||
}
|
||||
> *:first-child {
|
||||
margin-left: 0;
|
||||
|
|
@ -109,15 +111,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-md) {
|
||||
&-heading {
|
||||
&-extra {
|
||||
display: block;
|
||||
float: unset;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding-top: @padding-sm;
|
||||
}
|
||||
&-compact &-heading {
|
||||
flex-direction: column;
|
||||
|
||||
&-extra {
|
||||
margin-top: @margin-xs;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -117,7 +117,7 @@
|
|||
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
line-height: @input-height;
|
||||
line-height: @input-height - 2 * @border-width-base;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -10,28 +10,14 @@
|
|||
margin: 0 0 0 @steps-desciption-max-width / 2;
|
||||
padding: 0;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin: 0 @steps-desciption-max-width / 2 0 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
width: ~'calc(100% - 20px)';
|
||||
height: 3px;
|
||||
margin-left: 12px;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 12px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
left: 2px;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
&-icon {
|
||||
width: @steps-dot-size;
|
||||
|
|
@ -42,11 +28,6 @@
|
|||
background: transparent;
|
||||
border: 0;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 67px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-icon-dot {
|
||||
position: relative;
|
||||
float: left;
|
||||
|
|
@ -54,10 +35,6 @@
|
|||
height: 100%;
|
||||
border-radius: 100px;
|
||||
transition: all 0.3s;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
float: right;
|
||||
}
|
||||
/* expand hover area */
|
||||
&::after {
|
||||
position: absolute;
|
||||
|
|
@ -67,11 +44,6 @@
|
|||
height: 32px;
|
||||
background: fade(@black, 0.1%);
|
||||
content: '';
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -26px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -94,11 +66,6 @@
|
|||
margin-top: 8px;
|
||||
margin-left: 0;
|
||||
background: none;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
// https://github.com/ant-design/ant-design/issues/18354
|
||||
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
|
||||
|
|
@ -106,26 +73,11 @@
|
|||
left: -9px;
|
||||
margin: 0;
|
||||
padding: 22px 0 4px;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -9px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
left: 0;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
|
||||
left: -2px;
|
||||
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -174,3 +174,75 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// progress-dot
|
||||
.@{steps-prefix-cls}-dot,
|
||||
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-tail {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin: 0 @steps-desciption-max-width / 2 0 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 12px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
&-icon {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 67px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
float: right;
|
||||
}
|
||||
/* expand hover area */
|
||||
&::after {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -26px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
// https://github.com/ant-design/ant-design/issues/18354
|
||||
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -9px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -656,7 +656,8 @@
|
|||
@tabs-card-head-background: @background-color-light;
|
||||
@tabs-card-height: 40px;
|
||||
@tabs-card-active-color: @primary-color;
|
||||
@tabs-card-horizontal-padding: 8px @padding-md;
|
||||
@tabs-card-horizontal-padding: (@tabs-card-height - floor(@font-size-base * @line-height-base)) / 2 -
|
||||
@border-width-base @padding-md;
|
||||
@tabs-card-horizontal-padding-sm: 6px @padding-md;
|
||||
@tabs-title-font-size: @font-size-base;
|
||||
@tabs-title-font-size-lg: @font-size-lg;
|
||||
|
|
|
|||
|
|
@ -507,6 +507,8 @@
|
|||
// ============================ Fixed =============================
|
||||
&-cell-fix-left,
|
||||
&-cell-fix-right {
|
||||
position: -webkit-sticky !important;
|
||||
position: sticky !important;
|
||||
z-index: 2;
|
||||
background: @table-bg;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
@import './index';
|
||||
|
||||
.table-size(@size, @padding-vertical, @padding-horizontal) {
|
||||
.@{table-prefix-cls}-@{size} {
|
||||
.@{table-prefix-cls}.@{table-prefix-cls}-@{size} {
|
||||
.@{table-prefix-cls}-title,
|
||||
.@{table-prefix-cls}-footer,
|
||||
.@{table-prefix-cls}-thead > tr > th,
|
||||
.@{table-prefix-cls}-tbody > tr > td {
|
||||
.@{table-prefix-cls}-tbody > tr > td,
|
||||
tfoot > tr > th,
|
||||
tfoot > tr > td {
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -261,10 +261,10 @@
|
|||
.@{tab-prefix-cls}-top-content,
|
||||
.@{tab-prefix-cls}-bottom-content {
|
||||
width: 100%;
|
||||
|
||||
> .@{tab-prefix-cls}-tabpane {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
opacity: 1;
|
||||
transition: opacity 0.45s;
|
||||
}
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче