From e4395caca6c1c141823423748e0a6ff1e1fbc19e Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Sat, 22 Feb 2020 05:13:45 +0100
Subject: [PATCH] refactor modal style

---
 .../micromodal.scss => 5-modules/modal.scss}       | 14 ++++++--------
 src/assets/scss/style.scss                         |  3 ++-
 2 files changed, 8 insertions(+), 9 deletions(-)
 rename src/assets/scss/{7-vendors/micromodal.scss => 5-modules/modal.scss} (89%)

diff --git a/src/assets/scss/7-vendors/micromodal.scss b/src/assets/scss/5-modules/modal.scss
similarity index 89%
rename from src/assets/scss/7-vendors/micromodal.scss
rename to src/assets/scss/5-modules/modal.scss
index 0731e3f..9841512 100644
--- a/src/assets/scss/7-vendors/micromodal.scss
+++ b/src/assets/scss/5-modules/modal.scss
@@ -1,6 +1,6 @@
-/**************************\
-  Basic Modal Styles
-\**************************/
+/* ----------------------------------------------------------- */
+/* == modal style */
+/* ----------------------------------------------------------- */
 
 .modal {
   position: relative;
@@ -16,10 +16,6 @@
   height: 100vh;
 }
 
-.modal[aria-hidden="true"] {
-  display: none;
-}
-
 .modal__overlay {
   position: fixed;
   top: 0;
@@ -35,8 +31,10 @@
   z-index: 21;
   overflow-y: auto;
   box-sizing: border-box;
+  margin-right: 1rem;
+  margin-left: 1rem;
   padding: 3rem;
-  max-width: 50rem;
+  max-width: 52rem;
   max-height: 100vh;
   width: 100%;
   border-radius: .5rem;
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index cb34f68..3c1cd45 100755
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -70,6 +70,7 @@
 @import "5-modules/queue";
 @import "5-modules/track";
 @import "5-modules/context-menu";
+@import "5-modules/modal";
 @import "5-modules/modal-share";
 
 
@@ -87,7 +88,7 @@
 // Tips: load vendor from your package manager and override CSS here (e.g. o-vendor-name.scss)
 // In this context, "o" means "override" and you can use it as a convention.
 
-@import "7-vendors/micromodal.scss";
+// @import "7-vendors/o-vendor.scss";
 
 
 // --------------------------------------------------------------