fixed navbar on form open

ding-ma · Aug 29, 2020 · 637143e · 637143e
1 parent 0fdd348
commit 637143e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/public/scroll.js b/public/scroll.js
@@ -3,10 +3,12 @@ window.onscroll = function () {
     var scrollY = window.pageYOffset || document.documentElement.scrollTop;
     var header = document.querySelector('nav');
 
-    scrollY <= this.lastScroll
-        ? header.style.visibility = 'visible'
-        : header.style.visibility = 'hidden';
-
+    if (scrollY <= this.lastScroll) {
+        header.style.visibility = 'visible'
+    } else {
+        header.style.visibility = 'hidden'
+        header.style.display = ""
+    }
     this.lastScroll = scrollY;
 }
 
@@ -17,10 +19,9 @@ $(function () {
     });
 });
 
-//doesnt work to hide navbar with modal
-// $(document).ready(function () {
-//     $("button").click(function () {
-//         console.log("123");
-//         $('.navbar-collapse').collapse('hide');
-//     });
-// });
+$(document).ready(function () {
+    $("#contact").click(function () {
+        // document.querySelector('nav').style.visibility = 'hidden';
+        $("nav").hide();
+    });
+});
diff --git a/src/Components/About.tsx b/src/Components/About.tsx
@@ -147,7 +147,8 @@ class About extends Component<IProps, IState> {
                                         </Button>
                                     </div>
                                     <div className="col-4">
-                                        <Button variant="secondary" className="button" onClick={this.openOnModal}>
+                                        <Button variant="secondary" className="button" onClick={this.openOnModal}
+                                                id={"contact"}>
                                             <FormattedMessage id={"About.button.contact"}/></Button>
                                     </div>
                                 </div>
@@ -156,7 +157,7 @@ class About extends Component<IProps, IState> {
                     </div>
                 </div>
                 <Modal closeOnEsc={true} open={this.state.isFormOpen} onClose={this.onCloseModal}
-                       showCloseIcon={false}
+                       showCloseIcon={true}
                        closeOnOverlayClick={true} center={true}>
                     {renderForm()}
                 </Modal>