@mjhls/mjh-framework 1.0.531 → 1.0.532
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -91,10 +91,13 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
|
|
|
91
91
|
collapseAd();
|
|
92
92
|
parent.classList.add('hide-floating');
|
|
93
93
|
parent.classList.remove('display-floating');
|
|
94
|
-
} else {
|
|
95
|
-
parent.style.width = adData.event.size[0] + 'px';
|
|
96
|
-
parent.style.height = adData.event.size[1] + 'px';
|
|
97
94
|
}
|
|
95
|
+
// Removed else part so that the container won't be restricted and will be responsive based on the size of the ad.
|
|
96
|
+
// Need to add this CSS in site level magazine.css to make the close button visible for the expanded ad.
|
|
97
|
+
/* .w7e-platform-58 {
|
|
98
|
+
z-index: 9999999 !important;
|
|
99
|
+
}
|
|
100
|
+
*/
|
|
98
101
|
}
|
|
99
102
|
} else {
|
|
100
103
|
collapseAd();
|
|
@@ -128,7 +131,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
|
|
|
128
131
|
React__default.createElement(
|
|
129
132
|
'style',
|
|
130
133
|
{ jsx: 'true' },
|
|
131
|
-
'\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -
|
|
134
|
+
'\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -16px;\n right: -16px;\n background: grey;\n color: white;\n font-weight: 500;\n border: 2px solid white;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n text-align: center;\n font-size: 15px;\n cursor: pointer;\n z-index: 999999;\n }\n '
|
|
132
135
|
)
|
|
133
136
|
);
|
|
134
137
|
};
|
|
@@ -86,10 +86,13 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
|
|
|
86
86
|
collapseAd();
|
|
87
87
|
parent.classList.add('hide-floating');
|
|
88
88
|
parent.classList.remove('display-floating');
|
|
89
|
-
} else {
|
|
90
|
-
parent.style.width = adData.event.size[0] + 'px';
|
|
91
|
-
parent.style.height = adData.event.size[1] + 'px';
|
|
92
89
|
}
|
|
90
|
+
// Removed else part so that the container won't be restricted and will be responsive based on the size of the ad.
|
|
91
|
+
// Need to add this CSS in site level magazine.css to make the close button visible for the expanded ad.
|
|
92
|
+
/* .w7e-platform-58 {
|
|
93
|
+
z-index: 9999999 !important;
|
|
94
|
+
}
|
|
95
|
+
*/
|
|
93
96
|
}
|
|
94
97
|
} else {
|
|
95
98
|
collapseAd();
|
|
@@ -123,7 +126,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
|
|
|
123
126
|
React__default.createElement(
|
|
124
127
|
'style',
|
|
125
128
|
{ jsx: 'true' },
|
|
126
|
-
'\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -
|
|
129
|
+
'\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -16px;\n right: -16px;\n background: grey;\n color: white;\n font-weight: 500;\n border: 2px solid white;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n text-align: center;\n font-size: 15px;\n cursor: pointer;\n z-index: 999999;\n }\n '
|
|
127
130
|
)
|
|
128
131
|
);
|
|
129
132
|
};
|