Merge pull request #533 from Yoctol/feat/implement-notification

Yoctol · Apr 12, 2021 · 609db5a · 609db5a
2 parents 0e26519 + 6057d74
commit 609db5a
Show file tree

Hide file tree

Showing 25 changed files with 1,481 additions and 126 deletions.
diff --git a/src/Backdrop/__tests__/__snapshots__/Backdrop.spec.tsx.snap b/src/Backdrop/__tests__/__snapshots__/Backdrop.spec.tsx.snap
@@ -11,6 +11,26 @@ exports[`Backdrop should not render backdrop 1`] = `
   display: -ms-flexbox;
   display: flex;
   position: fixed;
+  top: 72px;
+  right: 10px;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+<div
+      style="position: fixed; top: 0px; left: 0px; z-index: 35;"
+    >
+      <div
+        class="c0"
+      />
+    </div>
+    .c0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
   right: 10px;
   bottom: 10px;
   -webkit-flex-direction: column;
@@ -41,7 +61,7 @@ exports[`Backdrop should render backdrop correctly 1`] = `
   background-color: rgba(0,0,0,0.65);
 }
 
-.c1 {
+.c2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -54,6 +74,19 @@ exports[`Backdrop should render backdrop correctly 1`] = `
   flex-direction: column;
 }
 
+.c1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
+  top: 72px;
+  right: 10px;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
 <body>
   <div />
   <div
@@ -68,12 +101,19 @@ exports[`Backdrop should render backdrop correctly 1`] = `
       />
     </div>
     <div
-      style="position: fixed; top: 0px; left: 0px; z-index: 30;"
+      style="position: fixed; top: 0px; left: 0px; z-index: 35;"
     >
       <div
         class="c1"
       />
     </div>
+    <div
+      style="position: fixed; top: 0px; left: 0px; z-index: 30;"
+    >
+      <div
+        class="c2"
+      />
+    </div>
   </div>
 </body>
 `;
diff --git a/src/Drawer/__tests__/__snapshots__/Drawer.spec.tsx.snap b/src/Drawer/__tests__/__snapshots__/Drawer.spec.tsx.snap
@@ -201,7 +201,7 @@ exports[`Drawer should render correctly 1`] = `
   box-shadow: -2px 0 8px rgba(0,0,0,0.15);
 }
 
-.c10 {
+.c11 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -214,6 +214,19 @@ exports[`Drawer should render correctly 1`] = `
   flex-direction: column;
 }
 
+.c10 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
+  top: 72px;
+  right: 10px;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
 <body
   style="overflow: hidden; padding-right: 0px;"
 >
@@ -288,12 +301,19 @@ exports[`Drawer should render correctly 1`] = `
       </div>
     </div>
     <div
-      style="position: fixed; top: 0px; left: 0px; z-index: 30;"
+      style="position: fixed; top: 0px; left: 0px; z-index: 35;"
     >
       <div
         class="c10"
       />
     </div>
+    <div
+      style="position: fixed; top: 0px; left: 0px; z-index: 30;"
+    >
+      <div
+        class="c11"
+      />
+    </div>
   </div>
 </body>
 `;
@@ -425,6 +445,26 @@ exports[`Drawer should render correctly with props closable 1`] = `
   display: -ms-flexbox;
   display: flex;
   position: fixed;
+  top: 72px;
+  right: 10px;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+<div
+      style="position: fixed; top: 0px; left: 0px; z-index: 35;"
+    >
+      <div
+        class="c0"
+      />
+    </div>
+    .c0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
   right: 10px;
   bottom: 10px;
   -webkit-flex-direction: column;
@@ -680,6 +720,26 @@ exports[`Drawer should render custom footer correctly 1`] = `
   display: -ms-flexbox;
   display: flex;
   position: fixed;
+  top: 72px;
+  right: 10px;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+<div
+      style="position: fixed; top: 0px; left: 0px; z-index: 35;"
+    >
+      <div
+        class="c0"
+      />
+    </div>
+    .c0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
   right: 10px;
   bottom: 10px;
   -webkit-flex-direction: column;

diff --git a/src/Dropdown/__tests__/__snapshots__/Dropdown.spec.tsx.snap b/src/Dropdown/__tests__/__snapshots__/Dropdown.spec.tsx.snap
@@ -65,7 +65,7 @@ exports[`Dropdown should render correctly 1`] = `
   fill: #97a4ba !important;
 }
 
-.c4 {
+.c5 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -78,6 +78,19 @@ exports[`Dropdown should render correctly 1`] = `
   flex-direction: column;
 }
 
+.c4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
+  top: 72px;
+  right: 10px;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
 <body>
   <div>
     <button
@@ -116,12 +129,19 @@ exports[`Dropdown should render correctly 1`] = `
       </div>
     </div>
     <div
-      style="position: fixed; top: 0px; left: 0px; z-index: 30;"
+      style="position: fixed; top: 0px; left: 0px; z-index: 35;"
     >
       <div
         class="c4"
       />
     </div>
+    <div
+      style="position: fixed; top: 0px; left: 0px; z-index: 30;"
+    >
+      <div
+        class="c5"
+      />
+    </div>
   </div>
 </body>
 `;