diff --git a/components/drawer/demo/basic.md b/components/drawer/demo/basic.md index 0d7f56886b..e9f10215f6 100644 --- a/components/drawer/demo/basic.md +++ b/components/drawer/demo/basic.md @@ -7,11 +7,11 @@ title: ## zh-CN -第一个对话框。 +第一个抽屉 ## en-US -Basic modal. +Basic drawer. ```jsx import { Drawer, Button } from 'antd'; diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less index dac3bf324e..32d8be18c5 100644 --- a/components/drawer/style/drawer.less +++ b/components/drawer/style/drawer.less @@ -20,13 +20,6 @@ } } &-left { - .@{dawer-prefix-cls} { - &-handle { - right: -40px; - box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); - border-radius: 0 4px 4px 0; - } - } &.@{dawer-prefix-cls}-open { .@{dawer-prefix-cls} { &-wrapper { @@ -40,11 +33,6 @@ &-content-wrapper { right: 0; } - &-handle { - left: -40px; - box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); - border-radius: 4px 0 0 4px; - } } &.@{dawer-prefix-cls}-open { & .@{dawer-prefix-cls} { @@ -60,22 +48,8 @@ .@{dawer-prefix-cls}-content { width: 100%; } - .@{dawer-prefix-cls} { - &-handle { - left: 50%; - margin-left: -20px; - } - } } &-top { - .@{dawer-prefix-cls} { - &-handle { - top: auto; - bottom: -40px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); - border-radius: 0 0 4px 4px; - } - } &.@{dawer-prefix-cls}-open { .@{dawer-prefix-cls} { &-wrapper { @@ -89,11 +63,6 @@ &-content-wrapper { bottom: 0; } - &-handle { - top: -40px; - box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); - border-radius: 4px 4px 0 0; - } } &.@{dawer-prefix-cls}-open { .@{dawer-prefix-cls} { @@ -112,17 +81,6 @@ opacity: 0.3; display: block; } - &-handle { - &-icon { - background: transparent; - &:before { - transform: translateY(5px) rotate(45deg); - } - &:after { - transform: translateY(-5px) rotate(-45deg); - } - } - } } }