test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-04 04:58:55 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity

chore: remove useless code

Browse Source
This commit is contained in:
foryuki 2022-05-05 09:20:27 +08:00
parent 32850a1e6c
commit 5b7fe58403
3 changed files with 70 additions and 362 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/modal/style/index.tsx
View File

@ -190,7 +190,6 @@ const genModalStyle: GenerateStyle<ModalToken> = token => {
[`${componentCls}-wrap`]: { [`${componentCls}-wrap`]: {
zIndex: token.zIndexPopup, zIndex: token.zIndexPopup,
// FIXME 找不到在哪里写的
position: 'fixed', position: 'fixed',
inset: 0, inset: 0,
overflow: 'auto', overflow: 'auto',
@ -250,7 +249,7 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = token => {
}, },
[`${token.antCls}-modal-body`]: { [`${token.antCls}-modal-body`]: {
// FIXME: hard code // FIXME: hard code
padding: '32px 32px 24px', padding: `${token.padding * 2}px ${token.padding * 2}px ${token.paddingLG}px`,
}, },
[`${confirmComponentCls}-body-wrapper`]: { [`${confirmComponentCls}-body-wrapper`]: {
...clearFix(), ...clearFix(),
@ -277,12 +276,12 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = token => {
float: 'left', float: 'left',
marginInlineEnd: token.margin, marginInlineEnd: token.margin,
// FIXME: hard code // FIXME: hard code
fontSize: '22px', fontSize: 22,
// `content` after `icon` should set marginLeft // `content` after `icon` should set marginLeft
[`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: { [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: {
// FIXME: hard code // FIXME: hard code
marginInlineStart: '38px', marginInlineStart: 38,
}, },
}, },
}, },

291
components/modal/style/original.css
View File

@ -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;
} */

134
components/modal/style/rtl.less
View File

@ -1,74 +1,74 @@
@import '../../style/themes/index'; // @import '../../style/themes/index';
@import '../../style/mixins/index'; // @import '../../style/mixins/index';
@dialog-prefix-cls: ~'@{ant-prefix}-modal'; // @dialog-prefix-cls: ~'@{ant-prefix}-modal';
@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm'; // @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
@dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl'; // @dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';
.@{dialog-prefix-cls} { // .@{dialog-prefix-cls} {
&-wrap { // &-wrap {
&-rtl { // &-rtl {
direction: rtl; // direction: rtl;
} // }
} // }
&-close { // &-close {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
// right: initial; // right: initial;
// left: 0; // left: 0;
} // }
} // }
&-footer { // &-footer {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
// text-align: left; // text-align: left;
} // }
.@{ant-prefix}-btn + .@{ant-prefix}-btn { // .@{ant-prefix}-btn + .@{ant-prefix}-btn {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
// margin-right: 8px; // margin-right: 8px;
// margin-left: 0; // margin-left: 0;
} // }
} // }
} // }
&-confirm { // &-confirm {
&-body { // &-body {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
direction: rtl; // direction: rtl;
} // }
> .@{iconfont-css-prefix} { // > .@{iconfont-css-prefix} {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
float: right; // float: right;
// margin-right: 0; // margin-right: 0;
// margin-left: 16px; // margin-left: 16px;
} // }
+ .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content { // + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
// margin-right: 38px; // margin-right: 38px;
// margin-left: 0; // margin-left: 0;
} // }
} // }
} // }
} // }
&-btns { // &-btns {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
float: left; // float: left;
} // }
.@{ant-prefix}-btn + .@{ant-prefix}-btn { // .@{ant-prefix}-btn + .@{ant-prefix}-btn {
.@{dialog-wrap-rtl-cls} & { // .@{dialog-wrap-rtl-cls} & {
// margin-right: 8px; // margin-right: 8px;
// margin-left: 0; // margin-left: 0;
} // }
} // }
} // }
} // }
} // }
.@{dialog-prefix-cls}-centered { // .@{dialog-prefix-cls}-centered {
.@{dialog-prefix-cls} { // .@{dialog-prefix-cls} {
.@{dialog-wrap-rtl-cls}& { // .@{dialog-wrap-rtl-cls}& {
// text-align: right; // text-align: right;
} // }
} // }
} // }