@mjhls/mjh-framework 1.0.729-isiscroll → 1.0.730-isiscroll
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/dist/cjs/View.js +6 -4
- package/dist/esm/View.js +6 -4
- package/package.json +1 -1
package/dist/cjs/View.js
CHANGED
|
@@ -233,7 +233,7 @@ var ISI = function ISI(props) {
|
|
|
233
233
|
var article_body = document.getElementById('article__block');
|
|
234
234
|
var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
|
|
235
235
|
console.log(articleBottomPosition, bottomOfArticle);
|
|
236
|
-
if (articleBottomPosition <
|
|
236
|
+
if (articleBottomPosition < 40) {
|
|
237
237
|
setbottomOfArticle(true);
|
|
238
238
|
}
|
|
239
239
|
if (articleBottomPosition > 60) {
|
|
@@ -273,20 +273,22 @@ var ISI = function ISI(props) {
|
|
|
273
273
|
isi.style.boxShadow = 'none';
|
|
274
274
|
isi.style.zIndex = '1';
|
|
275
275
|
isi.style.marginTop = '-25rem';
|
|
276
|
+
isi.style.marginBottom = '15rem';
|
|
276
277
|
isiToggle.style.display = 'none';
|
|
277
278
|
isiContent.style.padding = '0';
|
|
278
279
|
}, 300);
|
|
279
280
|
}if (!sticky) {
|
|
280
|
-
|
|
281
|
+
isi.style.marginBottom = '0';
|
|
281
282
|
isi.style.maxHeight = '10rem';
|
|
282
283
|
isi.style.position = 'fixed';
|
|
283
284
|
isi.style.boxShadow = '0 0 1rem 0 rgba(0, 0, 0, 0.5)';
|
|
284
285
|
isi.style.zIndex = '99999';
|
|
285
|
-
|
|
286
|
+
|
|
286
287
|
isiToggle.style.display = 'block';
|
|
287
288
|
isiContent.style.padding = '1rem';
|
|
288
289
|
setTimeout(function () {
|
|
289
290
|
isi.style.bottom = '0';
|
|
291
|
+
isi.style.marginTop = '0';
|
|
290
292
|
}, 300);
|
|
291
293
|
}
|
|
292
294
|
};
|
|
@@ -324,7 +326,7 @@ var ISI = function ISI(props) {
|
|
|
324
326
|
React__default['default'].createElement(
|
|
325
327
|
'style',
|
|
326
328
|
{ jsx: true },
|
|
327
|
-
'\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 10rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n transition: max-height 0.2s;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .
|
|
329
|
+
'\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 10rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n transition: max-height 0.2s;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .5s , margin-top .3s, max-height .2s;\n }\n #isiContent {\n width: 100%;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n padding: 1rem;\n font-size: 1rem;\n }\n #isi::-webkit-scrollbar {\n display: none;\n }\n #isiToggle {\n position: absolute;\n top: 0;\n right: 0;\n padding: 1rem;\n font-weight: bold;\n cursor: pointer;\n font-size: 1rem;\n }\n #isiToggle p {\n margin: 0;\n }\n '
|
|
328
330
|
)
|
|
329
331
|
);
|
|
330
332
|
};
|
package/dist/esm/View.js
CHANGED
|
@@ -223,7 +223,7 @@ var ISI = function ISI(props) {
|
|
|
223
223
|
var article_body = document.getElementById('article__block');
|
|
224
224
|
var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
|
|
225
225
|
console.log(articleBottomPosition, bottomOfArticle);
|
|
226
|
-
if (articleBottomPosition <
|
|
226
|
+
if (articleBottomPosition < 40) {
|
|
227
227
|
setbottomOfArticle(true);
|
|
228
228
|
}
|
|
229
229
|
if (articleBottomPosition > 60) {
|
|
@@ -263,20 +263,22 @@ var ISI = function ISI(props) {
|
|
|
263
263
|
isi.style.boxShadow = 'none';
|
|
264
264
|
isi.style.zIndex = '1';
|
|
265
265
|
isi.style.marginTop = '-25rem';
|
|
266
|
+
isi.style.marginBottom = '15rem';
|
|
266
267
|
isiToggle.style.display = 'none';
|
|
267
268
|
isiContent.style.padding = '0';
|
|
268
269
|
}, 300);
|
|
269
270
|
}if (!sticky) {
|
|
270
|
-
|
|
271
|
+
isi.style.marginBottom = '0';
|
|
271
272
|
isi.style.maxHeight = '10rem';
|
|
272
273
|
isi.style.position = 'fixed';
|
|
273
274
|
isi.style.boxShadow = '0 0 1rem 0 rgba(0, 0, 0, 0.5)';
|
|
274
275
|
isi.style.zIndex = '99999';
|
|
275
|
-
|
|
276
|
+
|
|
276
277
|
isiToggle.style.display = 'block';
|
|
277
278
|
isiContent.style.padding = '1rem';
|
|
278
279
|
setTimeout(function () {
|
|
279
280
|
isi.style.bottom = '0';
|
|
281
|
+
isi.style.marginTop = '0';
|
|
280
282
|
}, 300);
|
|
281
283
|
}
|
|
282
284
|
};
|
|
@@ -314,7 +316,7 @@ var ISI = function ISI(props) {
|
|
|
314
316
|
React.createElement(
|
|
315
317
|
'style',
|
|
316
318
|
{ jsx: true },
|
|
317
|
-
'\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 10rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n transition: max-height 0.2s;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .
|
|
319
|
+
'\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 10rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n transition: max-height 0.2s;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .5s , margin-top .3s, max-height .2s;\n }\n #isiContent {\n width: 100%;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n padding: 1rem;\n font-size: 1rem;\n }\n #isi::-webkit-scrollbar {\n display: none;\n }\n #isiToggle {\n position: absolute;\n top: 0;\n right: 0;\n padding: 1rem;\n font-weight: bold;\n cursor: pointer;\n font-size: 1rem;\n }\n #isiToggle p {\n margin: 0;\n }\n '
|
|
318
320
|
)
|
|
319
321
|
);
|
|
320
322
|
};
|