From 593223861e8849396127d26f4da99a0355c5f8b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9A=86=E8=99=9A?= <1193486072@qq.com>
Date: Thu, 29 Apr 2021 18:11:15 +0800
Subject: [PATCH] fix(DatePicker2): style issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(checkbox): correct checkbox icon

* fix(DatePicker2): corner style issue

* fix(DatePicker2): arrow style issue

Co-authored-by: 皆虚 <jiarui.xjr@alibaba-inc.com>
---
 src/date-picker2/main.scss | 29 +++++++++++------------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/date-picker2/main.scss b/src/date-picker2/main.scss
index f596dafa42..a697a8749a 100644
--- a/src/date-picker2/main.scss
+++ b/src/date-picker2/main.scss
@@ -41,7 +41,6 @@
 
     &-overlay {
         vertical-align: top;
-        border-radius: 2px;
         padding: 4px 0px;
     }
 
@@ -56,6 +55,9 @@
         border-radius: $corner-1;
 
         #{$calendar2-prefix} {
+            &-panel {
+                border-radius: $corner-1;
+            }
             &-body {
                 width: 272px;
             }
@@ -180,37 +182,28 @@
 
 #{$range-picker2-prefix}-arrow {
     display: block;
-    transform: rotate(-45deg);
+    transform: translate(0, -50%) rotate(-45deg);
     position: absolute;
     z-index: 1;
     width: 10px;
     height: 10px;
     margin-left: 16.5px;
-    box-shadow: 2px -2px 6px rgba(0, 0, 0, .06);
+    border-color: $color-line1-1 $color-line1-1 transparent transparent;
+    border-style: solid;
+    border-width: 1px;
     transition: left .3s ease-out;
-    &:after {
-        content: "";
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        width: 11px;
-        height: 11px;
-        border-color: $color-line1-1 $color-line1-1 transparent transparent;
-        border-style: solid;
-        border-width: 1px;
-        background-color: $color-white;
-    }
+    background: $color-white;
 }
 
 #{$date-picker2-prefix}-tl-bl {
     #{$range-picker2-prefix}-arrow {
-        top: 6px;
+        top: 12.5px;
     }
 }
 #{$date-picker2-prefix}-bl-tl {
     #{$range-picker2-prefix}-arrow {
-        bottom: 6px;
-        transform: rotate(135deg);
+        bottom: 13px;
+        transform: translate(0, 50%) rotate(135deg);
     }
 }