Issue fix: modal issues fixed for fullscreen

vinodkumar45 · Feb 27, 2019 · f9f7fac · f9f7fac
1 parent c49777c
commit f9f7fac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/component/_modal.scss b/component/_modal.scss
@@ -39,10 +39,10 @@
           flex-direction: row-reverse;
           align-items: center;
       }
-      .sb-modal-fullscreen {
+      &.sb-modal-fullscreen {
           @include position(fixed, 0 0 0 0); //bourbon
           width: 100%;
-          margin: 0;
+          margin: 0 !important;
           overflow-y: auto;
           overflow-x: hidden;
           .sb-modal-header {

diff --git a/dist/sb-components.css b/dist/sb-components.css
@@ -1329,23 +1329,23 @@ input[type="button"].btn-block {
     display: flex;
     flex-direction: row-reverse;
     align-items: center; }
-  .sb-modal .ui.modal .sb-modal-fullscreen {
+  .sb-modal .ui.modal.sb-modal-fullscreen {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
-    margin: 0;
+    margin: 0 !important;
     overflow-y: auto;
     overflow-x: hidden; }
-    .sb-modal .ui.modal .sb-modal-fullscreen .sb-modal-header {
+    .sb-modal .ui.modal.sb-modal-fullscreen .sb-modal-header {
       height: 4rem;
       width: auto;
       border-radius: 0px;
       display: flex;
       justify-content: space-between; }
-    .sb-modal .ui.modal .sb-modal-fullscreen .sb-modal-content {
+    .sb-modal .ui.modal.sb-modal-fullscreen .sb-modal-content {
       height: calc(100vh - 120px); }
   .sb-modal .ui.modal .small {
     color: #666; }