From 0a52c1b1419b574695a35dbcd20805dd29480938 Mon Sep 17 00:00:00 2001
From: Matthew <29732250+Matth10@users.noreply.github.com>
Date: Wed, 22 Sep 2021 16:33:43 +0200
Subject: [PATCH] fix(drawer): divider border transition for the drawer (#1213)

* add border transition on the drawer

* add changelog
---
 CHANGELOG.en-US.md                  | 1 +
 src/drawer/src/styles/index.cssr.ts | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 6af7ca3eb..c3097a595 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -5,6 +5,7 @@
 ### Fixes
 
 - Fix `n-global-style` applies style transition on first mount.
+- Fix `n-drawer` border transition [#1211].
 
 ## 2.19.1 (2021-09-21)
 
diff --git a/src/drawer/src/styles/index.cssr.ts b/src/drawer/src/styles/index.cssr.ts
index d43b07204..be44514a1 100644
--- a/src/drawer/src/styles/index.cssr.ts
+++ b/src/drawer/src/styles/index.cssr.ts
@@ -76,6 +76,7 @@ export default c([
         font-size: var(--title-font-size);
         color: var(--title-text-color);
         padding: var(--header-padding);
+        transition: border .3s var(--bezier);
         border-bottom: 1px solid var(--divider-color);
         border-bottom: var(--header-border-bottom);
         display: flex;
@@ -91,6 +92,7 @@ export default c([
         display: flex;
         justify-content: flex-end;
         border-top: var(--footer-border-top);
+        transition: border .3s var(--bezier);
         padding: var(--footer-padding);
       `)
     ]),