From 7e1fc7ecb3b0fdf060801c616d5bd06e7e2a0f34 Mon Sep 17 00:00:00 2001
From: Chris Yee <christophery@gmail.com>
Date: Tue, 16 Jul 2019 17:31:19 -0400
Subject: [PATCH] fixed overlay position + btn height

---
 css/good-share.scss     | 5 +++--
 dist/good-share.min.css | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/css/good-share.scss b/css/good-share.scss
index 0d2bd6d..bdc1a3f 100755
--- a/css/good-share.scss
+++ b/css/good-share.scss
@@ -2,7 +2,7 @@
 
 .good-share-modal{
     display: none;
-    position: absolute;
+    position: fixed;
     top: 50%;
     left: 50%;
     width: 90%;
@@ -25,7 +25,7 @@
 
     /* Overlay */
     .good-share-overlay{
-        position: absolute;
+        position: fixed;
         top: 0;
         width: 100%;
         height: 100%;
@@ -85,6 +85,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        height: 42px;
         background: transparent;
         border: 1px solid #848484;
         border-radius: 3px;
diff --git a/dist/good-share.min.css b/dist/good-share.min.css
index c03eb58..aaa0296 100755
--- a/dist/good-share.min.css
+++ b/dist/good-share.min.css
@@ -1 +1 @@
-.good-share-modal{display:none;position:absolute;top:50%;left:50%;width:90%;max-width:550px;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:50px 30px 30px;border-radius:4px;background-color:#fff;transform:translate(-50%,-50%);visibility:hidden}.good-share-modal-open .good-share-modal{display:block;-webkit-animation:fade .2s;animation:fade .2s;visibility:visible;z-index:1000}.good-share-modal-open .good-share-overlay{position:absolute;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);transition:all .2s;-webkit-animation:fade .2s;animation:fade .2s;z-index:900}.close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background:transparent;border:0;transition:opacity .2s;cursor:pointer}.close-btn:hover{opacity:.5}.close-btn:after,.close-btn:before{content:"";position:absolute;top:2px;left:14px;height:25px;width:2px;background-color:#848484}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(-45deg)}.good-share-modal-buttons{display:flex;justify-content:space-around;flex-wrap:wrap}.good-share-modal-buttons .btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #848484;border-radius:3px;padding:10px 25px;margin-bottom:20px;font-size:.8em;transition:border .2s;cursor:pointer}.good-share-modal-buttons .btn:hover{border-color:#000}.good-share-modal-buttons .btn svg{width:20px;margin-right:8px;pointer-events:none}.facebook-btn svg path{fill:#0077f9}.twitter-btn svg path{fill:#1da1f2}.email-btn svg rect{fill:#d14836;stroke:#fff}.email-btn svg path{stroke:#fff}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:400px){.good-share-modal-buttons .btn{width:100%}}
\ No newline at end of file
+.good-share-modal{display:none;position:fixed;top:50%;left:50%;width:90%;max-width:550px;-webkit-box-shadow:rgba(0,0,0,.15) 0 2px 10px;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:50px 30px 30px;border-radius:4px;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.good-share-modal-open .good-share-modal{display:block;-webkit-animation:fade .2s;animation:fade .2s;visibility:visible;z-index:1000}.good-share-modal-open .good-share-overlay{position:fixed;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);-webkit-transition:all .2s;transition:all .2s;-webkit-animation:fade .2s;animation:fade .2s;z-index:900}.close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background:transparent;border:0;-webkit-transition:opacity .2s;transition:opacity .2s;cursor:pointer}.close-btn:hover{opacity:.5}.close-btn:after,.close-btn:before{content:"";position:absolute;top:2px;left:14px;height:25px;width:2px;background-color:#848484}.close-btn:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close-btn:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.good-share-modal-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.good-share-modal-buttons .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:42px;background:transparent;border:1px solid #848484;border-radius:3px;padding:10px 25px;margin-bottom:20px;font-size:.8em;-webkit-transition:border .2s;transition:border .2s;cursor:pointer}.good-share-modal-buttons .btn:hover{border-color:#000}.good-share-modal-buttons .btn svg{width:20px;margin-right:8px;pointer-events:none}.facebook-btn svg path{fill:#0077f9}.twitter-btn svg path{fill:#1da1f2}.email-btn svg rect{fill:#d14836;stroke:#fff}.email-btn svg path{stroke:#fff}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:400px){.good-share-modal-buttons .btn{width:100%}}
\ No newline at end of file