@foeewni/web-core 2.2.2 → 2.2.5
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/css/foe.critical.min.css +4 -4
- package/dist/css/foe.extras.min.css +1 -1
- package/dist/css/foe.main.min.css +4 -4
- package/dist/js/foe.critical.min.js +1 -1
- package/dist/js/foe.fonts.min.js +1 -1
- package/dist/js/foe.main.min.js +1 -1
- package/package.json +1 -1
- package/src/components/form/inputs.scss +3 -3
- package/src/components/tools/data-scroll-to.js +15 -7
- package/src/utils/js/screen.service.js +5 -5
- package/src/utils/scss/helpers/_variables.scss +4 -4
|
@@ -13,7 +13,7 @@ export default {
|
|
|
13
13
|
},
|
|
14
14
|
|
|
15
15
|
getHalfScrollTop: function getHalfScrollTop() {
|
|
16
|
-
return
|
|
16
|
+
return this.getScrollTop() + (window.innerHeight / 2);
|
|
17
17
|
},
|
|
18
18
|
|
|
19
19
|
getDocumentHeight: function getDocumentHeight() {
|
|
@@ -24,14 +24,14 @@ export default {
|
|
|
24
24
|
},
|
|
25
25
|
|
|
26
26
|
getScrollFromScreens: function getScrollFromScreens(screens) {
|
|
27
|
-
const height =
|
|
27
|
+
const height = this.getViewportHeight();
|
|
28
28
|
|
|
29
29
|
return height * screens;
|
|
30
30
|
},
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
getScrollFromPerc: function getScrollFromPerc(perc) {
|
|
34
|
-
const height =
|
|
34
|
+
const height = this.getDocumentHeight();
|
|
35
35
|
|
|
36
36
|
return height / 100 * perc;
|
|
37
37
|
},
|
|
@@ -45,8 +45,8 @@ export default {
|
|
|
45
45
|
const { top } = $(el).offset();
|
|
46
46
|
const height = el.clientHeight;
|
|
47
47
|
const bottom = top + height;
|
|
48
|
-
const scroll =
|
|
49
|
-
const viewHeight =
|
|
48
|
+
const scroll = this.getScrollTop();
|
|
49
|
+
const viewHeight = this.getViewportHeight();
|
|
50
50
|
return !(bottom < scroll || top - viewHeight >= scroll);
|
|
51
51
|
},
|
|
52
52
|
|
|
@@ -388,9 +388,9 @@ $line-height-sm: 1.5;
|
|
|
388
388
|
$border-width: 1px;
|
|
389
389
|
$border-color: $gray-300;
|
|
390
390
|
|
|
391
|
-
$border-radius: .1rem;
|
|
392
|
-
$border-radius-lg: .1rem;
|
|
393
|
-
$border-radius-sm: .1rem;
|
|
391
|
+
$border-radius: .1rem * 3;
|
|
392
|
+
$border-radius-lg: .1rem * 4;
|
|
393
|
+
$border-radius-sm: .1rem * 2;
|
|
394
394
|
|
|
395
395
|
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
|
|
396
396
|
$box-shadow: 0 .5rem 1rem rgba($black, .15);
|
|
@@ -525,7 +525,7 @@ $input-btn-padding-x: .75rem;
|
|
|
525
525
|
$input-btn-line-height: $line-height-base;
|
|
526
526
|
|
|
527
527
|
$input-btn-focus-width: .2rem;
|
|
528
|
-
$input-btn-focus-color: rgba($component-active-bg, .
|
|
528
|
+
$input-btn-focus-color: rgba($component-active-bg, .75);
|
|
529
529
|
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;
|
|
530
530
|
|
|
531
531
|
$input-btn-padding-y-sm: .25rem;
|