modal position fixed

Andrei Alexandru · Andrei Alexandru · commit 93438bbb93dd · 2018-08-27T11:15:28.000+03:00
diff --git a/views/src/components/Modal.js b/views/src/components/Modal.js
@@ -23,6 +23,7 @@ class Modal extends Component {
 
     // create modal id and add to state to later identify for close/distroy
   }
+
   render() {
     const className = this.props.className,
       hidden = this.props.status == false? 'hidden': '';
diff --git a/views/src/scss/components/modal.scss b/views/src/scss/components/modal.scss
@@ -2,13 +2,12 @@ $modal-shadow: rgba(0, 0, 0, 0.4);
 .modal {
     width: 100%;
     height: 100%;
-    position: absolute;
-    visibility: visible;
-    display: block;
+    overflow: hidden;
+    position: fixed;
     top: 0;
-    left: 0;
     right: 0;
     bottom: 0;
+    left: 0;
     background-color: rgba(22,22,22,0.5);
 
     &.hidden {

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@ class Modal extends Component {`
`23`	`23`
`24`	`24`	`// create modal id and add to state to later identify for close/distroy`
`25`	`25`	`}`
	`26`	`+`
`26`	`27`	`render() {`
`27`	`28`	`const className = this.props.className,`
`28`	`29`	`hidden = this.props.status == false? 'hidden': '';`