From 5b7fe58403382e3932ed8403a2e211dc33352c2d Mon Sep 17 00:00:00 2001 From: foryuki Date: Thu, 5 May 2022 09:20:27 +0800 Subject: [PATCH] chore: remove useless code --- components/modal/style/index.tsx | 7 +- components/modal/style/original.css | 291 ---------------------------- components/modal/style/rtl.less | 134 ++++++------- 3 files changed, 70 insertions(+), 362 deletions(-) delete mode 100644 components/modal/style/original.css diff --git a/components/modal/style/index.tsx b/components/modal/style/index.tsx index 8d303f0e99..6590587263 100644 --- a/components/modal/style/index.tsx +++ b/components/modal/style/index.tsx @@ -190,7 +190,6 @@ const genModalStyle: GenerateStyle = token => { [`${componentCls}-wrap`]: { zIndex: token.zIndexPopup, - // FIXME 找不到在哪里写的 position: 'fixed', inset: 0, overflow: 'auto', @@ -250,7 +249,7 @@ const genModalConfirmStyle: GenerateStyle = 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 = 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, }, }, }, diff --git a/components/modal/style/original.css b/components/modal/style/original.css deleted file mode 100644 index c978a07578..0000000000 --- a/components/modal/style/original.css +++ /dev/null @@ -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; -} */ diff --git a/components/modal/style/rtl.less b/components/modal/style/rtl.less index a56b1fa2d0..ed071e88c1 100644 --- a/components/modal/style/rtl.less +++ b/components/modal/style/rtl.less @@ -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; +// } +// } +// }