mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 04:30:06 +08:00
chore: remove useless code
This commit is contained in:
foryuki
parent
32850a1e6c
commit
5b7fe58403
@ -190,7 +190,6 @@ const genModalStyle: GenerateStyle<ModalToken> = token => {
|
||||
|
||||
[`${componentCls}-wrap`]: {
|
||||
zIndex: token.zIndexPopup,
|
||||
// FIXME 找不到在哪里写的
|
||||
position: 'fixed',
|
||||
inset: 0,
|
||||
overflow: 'auto',
|
||||
@ -250,7 +249,7 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = token => {
|
||||
},
|
||||
[`${token.antCls}-modal-body`]: {
|
||||
// FIXME: hard code
|
||||
padding: '32px 32px 24px',
|
||||
padding: `${token.padding * 2}px ${token.padding * 2}px ${token.paddingLG}px`,
|
||||
},
|
||||
[`${confirmComponentCls}-body-wrapper`]: {
|
||||
...clearFix(),
|
||||
@ -277,12 +276,12 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = token => {
|
||||
float: 'left',
|
||||
marginInlineEnd: token.margin,
|
||||
// FIXME: hard code
|
||||
fontSize: '22px',
|
||||
fontSize: 22,
|
||||
|
||||
// `content` after `icon` should set marginLeft
|
||||
[`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: {
|
||||
// FIXME: hard code
|
||||
marginInlineStart: '38px',
|
||||
marginInlineStart: 38,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@ -1,291 +0,0 @@
|
||||
/* local development usage
|
||||
.ant-modal {
|
||||
position: relative;
|
||||
top: 100px;
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
max-width: calc(100vw - 32px);
|
||||
margin: 0 auto;
|
||||
padding: 0 0 24px;
|
||||
color: #000000d9;
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
pointer-events: none;
|
||||
font-feature-settings: 'tnum';
|
||||
}
|
||||
|
||||
.ant-modal.ant-zoom-enter,
|
||||
.ant-modal.ant-zoom-appear {
|
||||
transform: none;
|
||||
opacity: 0;
|
||||
-webkit-animation-duration: 0.3s;
|
||||
animation-duration: 0.3s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.ant-modal-mask {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
height: 100%;
|
||||
background-color: #00000073;
|
||||
inset: 0;
|
||||
}
|
||||
|
||||
.ant-modal-mask-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ant-modal-wrap {
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
outline: 0;
|
||||
inset: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.ant-modal-wrap {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.ant-modal-title {
|
||||
margin: 0;
|
||||
color: #000000d9;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.ant-modal-content {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.ant-modal-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
padding: 0;
|
||||
color: #00000073;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
text-decoration: none;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.ant-modal-close-x {
|
||||
display: block;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
}
|
||||
|
||||
.ant-modal-close:focus,
|
||||
.ant-modal-close:hover {
|
||||
color: #000000bf;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ant-modal-header {
|
||||
padding: 16px 24px;
|
||||
color: #000000d9;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
.ant-modal-body {
|
||||
padding: 24px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5715;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.ant-modal-footer {
|
||||
padding: 10px 16px;
|
||||
text-align: right;
|
||||
background: 0 0;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
|
||||
margin-bottom: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ant-modal-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ant-modal-centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ant-modal-centered:before {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.ant-modal-centered .ant-modal {
|
||||
top: 0;
|
||||
display: inline-block;
|
||||
padding-bottom: 0;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.ant-modal {
|
||||
max-width: calc(100vw - 16px);
|
||||
margin: 8px auto;
|
||||
}
|
||||
|
||||
.ant-modal-centered .ant-modal {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-modal-confirm .ant-modal-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ant-modal-confirm .ant-modal-body {
|
||||
padding: 32px 32px 24px;
|
||||
}
|
||||
|
||||
.ant-modal-confirm-body-wrapper:before {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.ant-modal-confirm-body-wrapper:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.ant-modal-confirm-body .ant-modal-confirm-title {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
color: #000000d9;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.ant-modal-confirm-body .ant-modal-confirm-content {
|
||||
margin-top: 8px;
|
||||
color: #000000d9;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ant-modal-confirm-body > .anticon {
|
||||
float: left;
|
||||
margin-right: 16px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.ant-modal-confirm .ant-modal-confirm-btns {
|
||||
float: right;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
|
||||
margin-bottom: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
|
||||
color: var(--ant-error-color);
|
||||
}
|
||||
|
||||
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
|
||||
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
|
||||
color: var(--ant-warning-color);
|
||||
}
|
||||
|
||||
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
|
||||
color: var(--ant-info-color);
|
||||
}
|
||||
|
||||
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
|
||||
color: var(--ant-success-color);
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-close {
|
||||
right: initial;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-footer {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-confirm-body {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl
|
||||
.ant-modal-confirm-body
|
||||
> .anticon
|
||||
+ .ant-modal-confirm-title
|
||||
+ .ant-modal-confirm-content {
|
||||
margin-right: 38px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
|
||||
text-align: right;
|
||||
} */
|
||||
@ -1,74 +1,74 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
// @import '../../style/themes/index';
|
||||
// @import '../../style/mixins/index';
|
||||
|
||||
@dialog-prefix-cls: ~'@{ant-prefix}-modal';
|
||||
@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
|
||||
@dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';
|
||||
// @dialog-prefix-cls: ~'@{ant-prefix}-modal';
|
||||
// @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
|
||||
// @dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';
|
||||
|
||||
.@{dialog-prefix-cls} {
|
||||
&-wrap {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
// .@{dialog-prefix-cls} {
|
||||
// &-wrap {
|
||||
// &-rtl {
|
||||
// direction: rtl;
|
||||
// }
|
||||
// }
|
||||
|
||||
&-close {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
// right: initial;
|
||||
// left: 0;
|
||||
}
|
||||
}
|
||||
// &-close {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// right: initial;
|
||||
// left: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
&-footer {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
// text-align: left;
|
||||
}
|
||||
.@{ant-prefix}-btn + .@{ant-prefix}-btn {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
// margin-right: 8px;
|
||||
// margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// &-footer {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// text-align: left;
|
||||
// }
|
||||
// .@{ant-prefix}-btn + .@{ant-prefix}-btn {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// margin-right: 8px;
|
||||
// margin-left: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
&-confirm {
|
||||
&-body {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
direction: rtl;
|
||||
}
|
||||
> .@{iconfont-css-prefix} {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
float: right;
|
||||
// margin-right: 0;
|
||||
// margin-left: 16px;
|
||||
}
|
||||
+ .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
// margin-right: 38px;
|
||||
// margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// &-confirm {
|
||||
// &-body {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// direction: rtl;
|
||||
// }
|
||||
// > .@{iconfont-css-prefix} {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// float: right;
|
||||
// margin-right: 0;
|
||||
// margin-left: 16px;
|
||||
// }
|
||||
// + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// margin-right: 38px;
|
||||
// margin-left: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
&-btns {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
float: left;
|
||||
}
|
||||
.@{ant-prefix}-btn + .@{ant-prefix}-btn {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
// margin-right: 8px;
|
||||
// margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// &-btns {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// float: left;
|
||||
// }
|
||||
// .@{ant-prefix}-btn + .@{ant-prefix}-btn {
|
||||
// .@{dialog-wrap-rtl-cls} & {
|
||||
// margin-right: 8px;
|
||||
// margin-left: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.@{dialog-prefix-cls}-centered {
|
||||
.@{dialog-prefix-cls} {
|
||||
.@{dialog-wrap-rtl-cls}& {
|
||||
// text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .@{dialog-prefix-cls}-centered {
|
||||
// .@{dialog-prefix-cls} {
|
||||
// .@{dialog-wrap-rtl-cls}& {
|
||||
// text-align: right;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user