Popups for Divi - Version 1.7.2

Version Description

Fix positioning of full-height Popups for all users/devices

Plugin tested with WordPress 5.3.2 and Divi 4.2

Release Info

Developer	stracker.phil
Plugin	Popups for Divi
Version	1.7.2
Comparing to
See all releases

Code changes from version 1.7.1 to 1.7.2

Files changed (4) hide show

css/front.css +25 -13
css/front.css.map +1 -1
plugin.php +2 -2
readme.txt +6 -3

css/front.css CHANGED Viewed

	@@ -25,8 +25,13 @@
25	max-width: 100vw;
26	max-height: 100vh; }
27	.popup_outer_wrap.type-popup {
28	- width: 90%;
29	min-width: 320px; }






30	.popup_outer_wrap.type-inline {
31	position: relative;
32	top: unset;
	@@ -85,26 +90,27 @@
85	.popup_outer_wrap:not([class*=" type-inline"]).position-bottom-right {
86	right: 0;
87	bottom: 0; }
88	- .popup_outer_wrap.popup_full_width {
89	-webkit-transform: translateY(-50%);
90	transform: translateY(-50%);
91	width: 100%;
92	left: 0; }
93	- .popup_outer_wrap.popup_full_width > .popup {
94	max-width: 100%;
95	overflow-x: auto; }
96	- .popup_outer_wrap.popup_full_height {
97	- -webkit-transform: ~~translateX~~(-50%);
98	- transform: ~~translateX~~(-50%);
99	height: 100%;
100	- ~~top~~: 0; }
101	- ~~.popup_outer_wrap.popup_full_height~~ > ~~.popup {~~

102	max-height: 100%;
103	overflow-y: auto; }
104	- .popup_outer_wrap.popup_full_width.popup_full_height {
105	-webkit-transform: none;
106	transform: none; }
107	- .popup_outer_wrap.popup_full_width.popup_full_height > .popup {
108	overflow: auto; }
109	.popup_outer_wrap .divi-area-wrap,
110	.popup_outer_wrap .popup {
	@@ -131,9 +137,15 @@
131	.popup_outer_wrap .popup .clearfix:after {
132	content: ""; }
133
134	- ~~.admin~~-~~bar~~ ~~.popup_outer_wrap.popup_full_height~~ {
135	- ~~height:~~ ~~calc(100%~~ ~~- 52px);~~
136	- ~~top~~: ~~42px~~; }






137
138	/* Used in front-end when a popup is displayed to a visitor */
139	#page-container #main-content {


25	max-width: 100vw;
26	max-height: 100vh; }
27	.popup_outer_wrap.type-popup {

28	min-width: 320px; }
29	+ @media screen and (min-width: 981px) {
30	+ .popup_outer_wrap.type-popup {
31	+ width: 90%; } }
32	+ @media screen and (max-width: 980px) {
33	+ .popup_outer_wrap.type-popup {
34	+ width: calc(100% - 20px); } }
35	.popup_outer_wrap.type-inline {
36	position: relative;
37	top: unset;

90	.popup_outer_wrap:not([class*=" type-inline"]).position-bottom-right {
91	right: 0;
92	bottom: 0; }
93	+ .popup_outer_wrap:not([class*=" type-inline"]).popup_full_width {
94	-webkit-transform: translateY(-50%);
95	transform: translateY(-50%);
96	width: 100%;
97	left: 0; }
98	+ .popup_outer_wrap:not([class*=" type-inline"]).popup_full_width > .popup {
99	max-width: 100%;
100	overflow-x: auto; }
101	+ .popup_outer_wrap:not([class*=" type-inline"]).popup_full_height {
102	+ -webkit-transform: translate(-50%, -50%);
103	+ transform: translate(-50%, -50%);
104	height: 100%;
105	+ height: calc(100% - 20px);
106	+ top: 50%; }
107	+ .popup_outer_wrap:not([class*=" type-inline"]).popup_full_height > .popup {
108	max-height: 100%;
109	overflow-y: auto; }
110	+ .popup_outer_wrap:not([class*=" type-inline"]).popup_full_width.popup_full_height {
111	-webkit-transform: none;
112	transform: none; }
113	+ .popup_outer_wrap:not([class*=" type-inline"]).popup_full_width.popup_full_height > .popup {
114	overflow: auto; }
115	.popup_outer_wrap .divi-area-wrap,
116	.popup_outer_wrap .popup {

137	.popup_outer_wrap .popup .clearfix:after {
138	content: ""; }
139
140	+ @media screen and (min-width: 783px) {
141	+ .admin-bar .popup_outer_wrap.popup_full_height {
142	+ height: calc(100% - 52px);
143	+ margin-top: 16px; } }
144	+
145	+ @media screen and (min-width: 601px) and (max-width: 782px) {
146	+ .admin-bar .popup_outer_wrap.popup_full_height {
147	+ height: calc(100% - 66px);
148	+ margin-top: 23px; } }
149
150	/* Used in front-end when a popup is displayed to a visitor */
151	#page-container #main-content {

css/front.css.map CHANGED Viewed

@@ -1 +1 @@

- {"version":3,"sources":["webpack:///./gulp/sass/front.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA,0CAA0C;AAC1C;AACA;AACA,gDAAgD;AAChD;AACA;AACA,WAAW;AACX;AACA;AACA,aAAa;AACb;AACA;AACA,4CAA4C;AAC5C;AACA;AACA,gDAAgD;AAChD;AACA;AACA,aAAa;AACb;AACA;AACA,+CAA+C;AAC/C;AACA;AACA,aAAa;AACb;AACA;AACA,4CAA4C;AAC5C;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA,0CAA0C;AAC1C;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA,uBAAuB;AACvB;AACA;AACA,4BAA4B;AAC5B;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA;AACA,YAAY;;AAEZ;AACA;AACA,qBAAqB;;AAErB;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,4BAA4B;;AAE5B;AACA;AACA,2BAA2B;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA,gCAAgC;;AAEhC;AACA;AACA;AACA,qCAAqC;;AAErC;AACA;AACA,6BAA6B","file":"css/front.css","sourcesContent":["/**\n * Divi Areas Pro - styles for front-end\n**/\n.evr_fb_popup_modal {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.55);\n z-index: 99; }\n\n.popup,\n.divi-area-wrap-fly-in {\n box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.3), 0 2px 50px 2px rgba(0, 0, 0, 0.2);\n background-color: #fff; }\n .popup.divi-area-wrap,\n .divi-area-wrap-fly-in.divi-area-wrap {\n background-color: transparent; }\n\n.popup_outer_wrap {\n position: fixed;\n z-index: 100;\n pointer-events: none;\n max-width: 100vw;\n max-height: 100vh; }\n .popup_outer_wrap.type-popup {\n width: 90%;\n min-width: 320px; }\n .popup_outer_wrap.type-inline {\n position: relative;\n top: unset;\n bottom: unset;\n left: unset;\n right: unset;\n width: unset;\n height: unset;\n -webkit-transform: unset;\n transform: unset;\n max-width: unset;\n max-height: unset; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-left {\n left: 0;\n top: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-center {\n left: 50%;\n top: 0;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-center.type-hover {\n -webkit-transform: translate(-50%, -100%);\n transform: translate(-50%, -100%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-right {\n right: 0;\n top: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-left {\n left: 0;\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-left:not([class*=\" popup_full_height\"]) {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-left.type-hover {\n -webkit-transform: translate(-100%, -50%);\n transform: translate(-100%, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-center {\n left: 50%;\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-center:not([class*=\" popup_full_height\"]) {\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-right {\n right: 0;\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-right:not([class*=\" popup_full_height\"]) {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-bottom-left {\n left: 0;\n bottom: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-bottom-center {\n left: 50%;\n bottom: 0;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-bottom-right {\n right: 0;\n bottom: 0; }\n .popup_outer_wrap.popup_full_width {\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n width: 100%;\n left: 0; }\n .popup_outer_wrap.popup_full_width > .popup {\n max-width: 100%;\n overflow-x: auto; }\n .popup_outer_wrap.popup_full_height {\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n height: 100%;\n top: 0; }\n .popup_outer_wrap.popup_full_height > .popup {\n max-height: 100%;\n overflow-y: auto; }\n .popup_outer_wrap.popup_full_width.popup_full_height {\n -webkit-transform: none;\n transform: none; }\n .popup_outer_wrap.popup_full_width.popup_full_height > .popup {\n overflow: auto; }\n .popup_outer_wrap .divi-area-wrap,\n .popup_outer_wrap .popup {\n position: relative;\n background-repeat: no-repeat;\n background-position: center center;\n margin: auto;\n transition: all 0.3s;\n pointer-events: all; }\n .popup_outer_wrap .divi-area-wrap.with-loader,\n .popup_outer_wrap .popup.with-loader {\n background-image: url(../img/spin.gif), radial-gradient(circle at center, #fff 65%, #fff0 66%) !important;\n background-size: 32px 32px, 48px 48px; }\n .popup_outer_wrap .divi-area-wrap.no-shadow,\n .popup_outer_wrap .popup.no-shadow {\n box-shadow: none; }\n .popup_outer_wrap .divi-area-wrap .et_pb_row:after,\n .popup_outer_wrap .divi-area-wrap .et_pb_row_inner:after,\n .popup_outer_wrap .divi-area-wrap .et_pb_slides:after,\n .popup_outer_wrap .divi-area-wrap .clearfix:after,\n .popup_outer_wrap .popup .et_pb_row:after,\n .popup_outer_wrap .popup .et_pb_row_inner:after,\n .popup_outer_wrap .popup .et_pb_slides:after,\n .popup_outer_wrap .popup .clearfix:after {\n content: \"\"; }\n\n.admin-bar .popup_outer_wrap.popup_full_height {\n height: calc(100% - 52px);\n top: 42px; }\n\n/* Used in front-end when a popup is displayed to a visitor */\n#page-container #main-content {\n transition: all 0s; }\n\nbody.evr_popup_open {\n overflow: hidden; }\n body.evr_popup_open #page-container #main-content {\n transition: all 0.5s 1s;\n -webkit-filter: blur(2px);\n filter: blur(2px);\n opacity: 0.75; }\n\n.divi-area-wrap {\n position: relative; }\n\n/* Styles that are shared between Popups for Divi and Divi Areas Pro */\n.divi-area-wrap.with-close .evr-close_wrap,\n.popup_outer_wrap .popup.with-close .evr-close_wrap {\n display: block !important; }\n\n.divi-area-wrap.no-close .evr-close_wrap,\n.popup_outer_wrap .popup.no-close .evr-close_wrap {\n display: none !important; }\n\n.divi-area-wrap .evr-close_wrap,\n.popup_outer_wrap .popup .evr-close_wrap {\n position: absolute;\n right: 0;\n top: 0;\n opacity: 0.2;\n z-index: 100;\n text-align: right;\n transition: opacity 0.6s 0.3s; }\n\n.divi-area-wrap .evr-close,\n.popup_outer_wrap .popup .evr-close {\n display: block;\n box-sizing: content-box;\n width: 30px;\n height: 30px;\n line-height: 30px;\n text-align: center;\n font-family: \"Courier New\", monospace;\n font-size: 20px;\n font-weight: bold;\n cursor: pointer;\n color: #333;\n background: #fff2;\n opacity: 0.7;\n box-shadow: 0 0 3px 1px #00000008;\n transition: all 0.3s; }\n .divi-area-wrap .evr-close:hover, .divi-area-wrap .evr-close:focus, .divi-area-wrap .evr-close:active,\n .popup_outer_wrap .popup .evr-close:hover,\n .popup_outer_wrap .popup .evr-close:focus,\n .popup_outer_wrap .popup .evr-close:active {\n color: #000;\n background: #fff;\n opacity: 1;\n box-shadow: 0 0 4px 0 #0002, 0 0 3px 1px #0001;\n -webkit-transform: scale(1.1);\n transform: scale(1.1); }\n\n.divi-area-wrap.dark .evr-close,\n.popup_outer_wrap .popup.dark .evr-close {\n color: #eee;\n background: #0002;\n box-shadow: 0 0 0 1px #ffffff08;\n text-shadow: 0px 0px 1px #000, 0px 0px 3px #000a; }\n .divi-area-wrap.dark .evr-close:hover, .divi-area-wrap.dark .evr-close:focus, .divi-area-wrap.dark .evr-close:active,\n .popup_outer_wrap .popup.dark .evr-close:hover,\n .popup_outer_wrap .popup.dark .evr-close:focus,\n .popup_outer_wrap .popup.dark .evr-close:active {\n color: #fff;\n background: #2b2b2b;\n box-shadow: 0 0 1px 1px #fff3; }\n\n.divi-area-wrap.is-open .evr-close_wrap,\n.popup_outer_wrap .popup.is-open .evr-close_wrap {\n opacity: 1;\n transition: opacity 0.6s 0.3s; }\n\n.divi-area-wrap.close-alt .evr-close,\n.popup_outer_wrap .popup.close-alt .evr-close {\n box-shadow: none !important;\n background: transparent !important; }\n\n.divi-area-wrap .et_pb_contact_select,\n.popup_outer_wrap .popup .et_pb_contact_select {\n -moz-appearance: textfield; }\n"],"sourceRoot":""}

+ {"version":3,"sources":["webpack:///./gulp/sass/front.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;;AAEd;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA,qBAAqB;AACrB;AACA;AACA,mBAAmB,EAAE;AACrB;AACA;AACA,iCAAiC,EAAE;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA,0CAA0C;AAC1C;AACA;AACA,gDAAgD;AAChD;AACA;AACA,WAAW;AACX;AACA;AACA,aAAa;AACb;AACA;AACA,4CAA4C;AAC5C;AACA;AACA,gDAAgD;AAChD;AACA;AACA,aAAa;AACb;AACA;AACA,+CAA+C;AAC/C;AACA;AACA,aAAa;AACb;AACA;AACA,4CAA4C;AAC5C;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA,0CAA0C;AAC1C;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,uBAAuB;AACvB;AACA;AACA,4BAA4B;AAC5B;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA;AACA;AACA,qBAAqB,EAAE;;AAEvB;AACA;AACA;AACA,qBAAqB,EAAE;;AAEvB;AACA;AACA,qBAAqB;;AAErB;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,4BAA4B;;AAE5B;AACA;AACA,2BAA2B;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC;;AAElC;AACA;AACA;AACA,gCAAgC;;AAEhC;AACA;AACA;AACA,qCAAqC;;AAErC;AACA;AACA,6BAA6B","file":"css/front.css","sourcesContent":["/**\n * Divi Areas Pro - styles for front-end\n**/\n.evr_fb_popup_modal {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.55);\n z-index: 99; }\n\n.popup,\n.divi-area-wrap-fly-in {\n box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.3), 0 2px 50px 2px rgba(0, 0, 0, 0.2);\n background-color: #fff; }\n .popup.divi-area-wrap,\n .divi-area-wrap-fly-in.divi-area-wrap {\n background-color: transparent; }\n\n.popup_outer_wrap {\n position: fixed;\n z-index: 100;\n pointer-events: none;\n max-width: 100vw;\n max-height: 100vh; }\n .popup_outer_wrap.type-popup {\n min-width: 320px; }\n @media screen and (min-width: 981px) {\n .popup_outer_wrap.type-popup {\n width: 90%; } }\n @media screen and (max-width: 980px) {\n .popup_outer_wrap.type-popup {\n width: calc(100% - 20px); } }\n .popup_outer_wrap.type-inline {\n position: relative;\n top: unset;\n bottom: unset;\n left: unset;\n right: unset;\n width: unset;\n height: unset;\n -webkit-transform: unset;\n transform: unset;\n max-width: unset;\n max-height: unset; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-left {\n left: 0;\n top: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-center {\n left: 50%;\n top: 0;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-center.type-hover {\n -webkit-transform: translate(-50%, -100%);\n transform: translate(-50%, -100%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-top-right {\n right: 0;\n top: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-left {\n left: 0;\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-left:not([class*=\" popup_full_height\"]) {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-left.type-hover {\n -webkit-transform: translate(-100%, -50%);\n transform: translate(-100%, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-center {\n left: 50%;\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-center:not([class*=\" popup_full_height\"]) {\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-right {\n right: 0;\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-center-right:not([class*=\" popup_full_height\"]) {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-bottom-left {\n left: 0;\n bottom: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-bottom-center {\n left: 50%;\n bottom: 0;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0); }\n .popup_outer_wrap:not([class*=\" type-inline\"]).position-bottom-right {\n right: 0;\n bottom: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).popup_full_width {\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n width: 100%;\n left: 0; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).popup_full_width > .popup {\n max-width: 100%;\n overflow-x: auto; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).popup_full_height {\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n height: 100%;\n height: calc(100% - 20px);\n top: 50%; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).popup_full_height > .popup {\n max-height: 100%;\n overflow-y: auto; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).popup_full_width.popup_full_height {\n -webkit-transform: none;\n transform: none; }\n .popup_outer_wrap:not([class*=\" type-inline\"]).popup_full_width.popup_full_height > .popup {\n overflow: auto; }\n .popup_outer_wrap .divi-area-wrap,\n .popup_outer_wrap .popup {\n position: relative;\n background-repeat: no-repeat;\n background-position: center center;\n margin: auto;\n transition: all 0.3s;\n pointer-events: all; }\n .popup_outer_wrap .divi-area-wrap.with-loader,\n .popup_outer_wrap .popup.with-loader {\n background-image: url(../img/spin.gif), radial-gradient(circle at center, #fff 65%, #fff0 66%) !important;\n background-size: 32px 32px, 48px 48px; }\n .popup_outer_wrap .divi-area-wrap.no-shadow,\n .popup_outer_wrap .popup.no-shadow {\n box-shadow: none; }\n .popup_outer_wrap .divi-area-wrap .et_pb_row:after,\n .popup_outer_wrap .divi-area-wrap .et_pb_row_inner:after,\n .popup_outer_wrap .divi-area-wrap .et_pb_slides:after,\n .popup_outer_wrap .divi-area-wrap .clearfix:after,\n .popup_outer_wrap .popup .et_pb_row:after,\n .popup_outer_wrap .popup .et_pb_row_inner:after,\n .popup_outer_wrap .popup .et_pb_slides:after,\n .popup_outer_wrap .popup .clearfix:after {\n content: \"\"; }\n\n@media screen and (min-width: 783px) {\n .admin-bar .popup_outer_wrap.popup_full_height {\n height: calc(100% - 52px);\n margin-top: 16px; } }\n\n@media screen and (min-width: 601px) and (max-width: 782px) {\n .admin-bar .popup_outer_wrap.popup_full_height {\n height: calc(100% - 66px);\n margin-top: 23px; } }\n\n/* Used in front-end when a popup is displayed to a visitor */\n#page-container #main-content {\n transition: all 0s; }\n\nbody.evr_popup_open {\n overflow: hidden; }\n body.evr_popup_open #page-container #main-content {\n transition: all 0.5s 1s;\n -webkit-filter: blur(2px);\n filter: blur(2px);\n opacity: 0.75; }\n\n.divi-area-wrap {\n position: relative; }\n\n/* Styles that are shared between Popups for Divi and Divi Areas Pro */\n.divi-area-wrap.with-close .evr-close_wrap,\n.popup_outer_wrap .popup.with-close .evr-close_wrap {\n display: block !important; }\n\n.divi-area-wrap.no-close .evr-close_wrap,\n.popup_outer_wrap .popup.no-close .evr-close_wrap {\n display: none !important; }\n\n.divi-area-wrap .evr-close_wrap,\n.popup_outer_wrap .popup .evr-close_wrap {\n position: absolute;\n right: 0;\n top: 0;\n opacity: 0.2;\n z-index: 100;\n text-align: right;\n transition: opacity 0.6s 0.3s; }\n\n.divi-area-wrap .evr-close,\n.popup_outer_wrap .popup .evr-close {\n display: block;\n box-sizing: content-box;\n width: 30px;\n height: 30px;\n line-height: 30px;\n text-align: center;\n font-family: \"Courier New\", monospace;\n font-size: 20px;\n font-weight: bold;\n cursor: pointer;\n color: #333;\n background: #fff2;\n opacity: 0.7;\n box-shadow: 0 0 3px 1px #00000008;\n transition: all 0.3s; }\n .divi-area-wrap .evr-close:hover, .divi-area-wrap .evr-close:focus, .divi-area-wrap .evr-close:active,\n .popup_outer_wrap .popup .evr-close:hover,\n .popup_outer_wrap .popup .evr-close:focus,\n .popup_outer_wrap .popup .evr-close:active {\n color: #000;\n background: #fff;\n opacity: 1;\n box-shadow: 0 0 4px 0 #0002, 0 0 3px 1px #0001;\n -webkit-transform: scale(1.1);\n transform: scale(1.1); }\n\n.divi-area-wrap.dark .evr-close,\n.popup_outer_wrap .popup.dark .evr-close {\n color: #eee;\n background: #0002;\n box-shadow: 0 0 0 1px #ffffff08;\n text-shadow: 0px 0px 1px #000, 0px 0px 3px #000a; }\n .divi-area-wrap.dark .evr-close:hover, .divi-area-wrap.dark .evr-close:focus, .divi-area-wrap.dark .evr-close:active,\n .popup_outer_wrap .popup.dark .evr-close:hover,\n .popup_outer_wrap .popup.dark .evr-close:focus,\n .popup_outer_wrap .popup.dark .evr-close:active {\n color: #fff;\n background: #2b2b2b;\n box-shadow: 0 0 1px 1px #fff3; }\n\n.divi-area-wrap.is-open .evr-close_wrap,\n.popup_outer_wrap .popup.is-open .evr-close_wrap {\n opacity: 1;\n transition: opacity 0.6s 0.3s; }\n\n.divi-area-wrap.close-alt .evr-close,\n.popup_outer_wrap .popup.close-alt .evr-close {\n box-shadow: none !important;\n background: transparent !important; }\n\n.divi-area-wrap .et_pb_contact_select,\n.popup_outer_wrap .popup .et_pb_contact_select {\n -moz-appearance: textfield; }\n"],"sourceRoot":""}

plugin.php CHANGED Viewed

	@@ -12,7 +12,7 @@
12	* Author: Philipp Stracker
13	* Author URI: https://philippstracker.com/
14	* Created: 30.12.2017
15	- * Version: 1.7.1
16	* License: GPLv2 or later
17	* License URI: https://www.gnu.org/licenses/gpl-2.0.html
18	* Text Domain: divi-popup
	@@ -39,7 +39,7 @@ define( 'DIVI_POPUP_PLUGIN', plugin_basename( __FILE__ ) );
39	/**
40	* A new version value will force refresh of CSS and JS files for all users.
41	*/
42	- define( 'DIVI_POPUP_VERSION', '1.7.1' );
43
44	add_action(
45	'plugins_loaded',


12	* Author: Philipp Stracker
13	* Author URI: https://philippstracker.com/
14	* Created: 30.12.2017
15	+ * Version: 1.7.2
16	* License: GPLv2 or later
17	* License URI: https://www.gnu.org/licenses/gpl-2.0.html
18	* Text Domain: divi-popup

39	/**
40	* A new version value will force refresh of CSS and JS files for all users.
41	*/
42	+ define( 'DIVI_POPUP_VERSION', '1.7.2' );
43
44	add_action(
45	'plugins_loaded',

readme.txt CHANGED Viewed

	@@ -2,7 +2,7 @@
2	Contributors: strackerphil-1
3	Tags: popup, marketing, divi
4	Requires at least: 3.0.1
5	- Tested up to: 5.3.1
6	Stable tag: trunk
7	Requires PHP: 5.2.4
8	License: GPLv2 or later
	@@ -170,12 +170,15 @@ We cannot provide customization and development via the forum. If you need that,
170
171	== Changelog ==
172





173	= 1.7.1 =
174	* Fix scroll bars in Popups that are taller than the screen height
175	* Fix position of full-height popups that were displayed too far up on the screen
176
177	- Plugin tested with WordPress 5.3.1 and Divi 4.0.9
178	-
179	= 1.7.0 =
180	* Improve the JS API. We rewrote the API from ground up with tons of features and enhancements: Detailed debug logging, an all-new DiviArea base object with support for WordPress-like hooks, and much more!
181	* Fix a bug where the Popup overlay was hidden too early when displaying more than one Popup at once


2	Contributors: strackerphil-1
3	Tags: popup, marketing, divi
4	Requires at least: 3.0.1
5	+ Tested up to: 5.3.2
6	Stable tag: trunk
7	Requires PHP: 5.2.4
8	License: GPLv2 or later

170
171	== Changelog ==
172
173	+ = 1.7.2 =
174	+ * Fix positioning of full-height Popups for all users/devices
175	+
176	+ Plugin tested with WordPress 5.3.2 and Divi 4.2
177	+
178	= 1.7.1 =
179	* Fix scroll bars in Popups that are taller than the screen height
180	* Fix position of full-height popups that were displayed too far up on the screen
181


182	= 1.7.0 =
183	* Improve the JS API. We rewrote the API from ground up with tons of features and enhancements: Detailed debug logging, an all-new DiviArea base object with support for WordPress-like hooks, and much more!
184	* Fix a bug where the Popup overlay was hidden too early when displaying more than one Popup at once