#103 responsive popup with pointer

inc/js/jquery.dolPopup.js

@@ -116,8 +116,8 @@
                 return true;
             } 
 
-            if (false != o.pointer) // all popups without pointer are responsive
-                $el.removeClass('bx-popup-responsive').addClass('bx-popup-with-pointer');
+            if (false != o.pointer)
+                $el.addClass('bx-popup-with-pointer'); // to make all popups with pointer not responsive add: .removeClass('bx-popup-responsive')
 
             // default style for correct positioning
             $el.css({

template/css/common.css

@@ -238,6 +238,7 @@ body > .bx-popup-wrapper {
     top:0;
     right:0;
     text-decoration:none;
+    line-height:1.8rem;
 }
 
 .bx-popup-slide-wrapper {
@@ -250,9 +251,7 @@ body > .bx-popup-wrapper {
 }
 
 .bx-popup-image-wrapper .bx-popup-close-wrapper,
-.bx-popup-image-wrapper .bx-popup-element-close,
-.bx-popup-with-pointer .bx-popup-close-wrapper,
-.bx-popup-with-pointer .bx-popup-element-close {
+.bx-popup-image-wrapper .bx-popup-element-close {
     display:none;
 }
 

template/css/media-phone.css

@@ -49,6 +49,10 @@ html {
 .bx-popup-responsive.bx-popup-box-wrapper,
 .bx-popup-responsive .bx-popup-box {
     position:fixed !important;
+    top:0 !important;
+    left:0 !important;
+    bottom:0 !important;
+    right:0 !important;
     width:100%;
 	width:100vw;
     height:100%;