uikit 3.18.1 → 3.18.2-dev.e1f7d3815
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/CHANGELOG.md +7 -0
- package/dist/css/uikit-core-rtl.css +1 -1
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +1 -1
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1 -1
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +1 -1
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +17 -17
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +17 -17
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/core/dropnav.js +9 -12
- package/src/js/core/navbar.js +10 -10
- package/src/less/components/position.less +1 -1
- package/src/scss/components/position.scss +1 -1
- package/tests/icon.html +3 -7
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "uikit",
|
|
3
3
|
"title": "UIkit",
|
|
4
4
|
"description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
|
|
5
|
-
"version": "3.18.
|
|
5
|
+
"version": "3.18.2-dev.e1f7d3815",
|
|
6
6
|
"main": "dist/js/uikit.js",
|
|
7
7
|
"style": "dist/css/uikit.css",
|
|
8
8
|
"sideEffects": [
|
package/src/js/core/dropnav.js
CHANGED
|
@@ -19,7 +19,6 @@ import {
|
|
|
19
19
|
remove,
|
|
20
20
|
selFocusable,
|
|
21
21
|
toFloat,
|
|
22
|
-
toPx,
|
|
23
22
|
Transition,
|
|
24
23
|
} from 'uikit-util';
|
|
25
24
|
import Class from '../mixin/class';
|
|
@@ -76,15 +75,6 @@ export default {
|
|
|
76
75
|
return dropbar ? dropbar : (this._dropbar = $('<div></div>'));
|
|
77
76
|
},
|
|
78
77
|
|
|
79
|
-
dropbarOffset({ target, targetY }, $el) {
|
|
80
|
-
const { offsetTop, offsetHeight } = query(targetY || target || $el, $el);
|
|
81
|
-
return offsetTop + offsetHeight + this.dropbarPositionOffset;
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
dropbarPositionOffset(_, $el) {
|
|
85
|
-
return toPx(css($el, '--uk-position-offset'));
|
|
86
|
-
},
|
|
87
|
-
|
|
88
78
|
dropContainer(_, $el) {
|
|
89
79
|
return this.container || $el;
|
|
90
80
|
},
|
|
@@ -299,7 +289,7 @@ export default {
|
|
|
299
289
|
.map((el) => offset(el).bottom),
|
|
300
290
|
);
|
|
301
291
|
|
|
302
|
-
css(this.dropbar, 'top', this.
|
|
292
|
+
css(this.dropbar, 'top', this.getDropbarOffset(drop.$el));
|
|
303
293
|
this.transitionTo(
|
|
304
294
|
maxBottom - offset(this.dropbar).top + toFloat(css(target, 'marginBottom')),
|
|
305
295
|
target,
|
|
@@ -327,6 +317,7 @@ export default {
|
|
|
327
317
|
if (
|
|
328
318
|
matches(this.dropbar, ':hover') &&
|
|
329
319
|
active.$el === e.target &&
|
|
320
|
+
this.isDropbarDrop(active.$el) &&
|
|
330
321
|
includes(active.mode, 'hover') &&
|
|
331
322
|
active.isDelayedHide &&
|
|
332
323
|
!this.items.some((el) => active.targetEl !== el && matches(el, ':focus'))
|
|
@@ -401,7 +392,13 @@ export default {
|
|
|
401
392
|
},
|
|
402
393
|
|
|
403
394
|
isDropbarDrop(el) {
|
|
404
|
-
return this.
|
|
395
|
+
return includes(this.dropdowns, el) && hasClass(el, this.clsDrop);
|
|
396
|
+
},
|
|
397
|
+
|
|
398
|
+
getDropbarOffset(el) {
|
|
399
|
+
const { $el, target, targetY } = this;
|
|
400
|
+
const { offsetTop, offsetHeight } = query(targetY || target || $el, $el);
|
|
401
|
+
return offsetTop + offsetHeight + this.getDropdown(el)?.getPositionOffset(el);
|
|
405
402
|
},
|
|
406
403
|
|
|
407
404
|
initializeDropdowns() {
|
package/src/js/core/navbar.js
CHANGED
|
@@ -19,16 +19,6 @@ export default {
|
|
|
19
19
|
|
|
20
20
|
computed: {
|
|
21
21
|
navbarContainer: (_, $el) => $el.closest('.uk-navbar-container'),
|
|
22
|
-
|
|
23
|
-
dropbarOffset({ dropbarTransparentMode }) {
|
|
24
|
-
const { offsetTop, offsetHeight } = this.navbarContainer;
|
|
25
|
-
return (
|
|
26
|
-
offsetTop +
|
|
27
|
-
(dropbarTransparentMode === 'behind'
|
|
28
|
-
? 0
|
|
29
|
-
: offsetHeight + this.dropbarPositionOffset)
|
|
30
|
-
);
|
|
31
|
-
},
|
|
32
22
|
},
|
|
33
23
|
|
|
34
24
|
watch: {
|
|
@@ -97,6 +87,16 @@ export default {
|
|
|
97
87
|
return drop.inset ? 'behind' : 'remove';
|
|
98
88
|
}
|
|
99
89
|
},
|
|
90
|
+
|
|
91
|
+
getDropbarOffset(el) {
|
|
92
|
+
const { offsetTop, offsetHeight } = this.navbarContainer;
|
|
93
|
+
return (
|
|
94
|
+
offsetTop +
|
|
95
|
+
(this.dropbarTransparentMode === 'behind'
|
|
96
|
+
? 0
|
|
97
|
+
: offsetHeight + this.getDropdown(el)?.getPositionOffset(el))
|
|
98
|
+
);
|
|
99
|
+
},
|
|
100
100
|
},
|
|
101
101
|
};
|
|
102
102
|
|
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
.uk-position-z-index { z-index: 1; }
|
|
221
221
|
.uk-position-z-index-zero { z-index: 0; }
|
|
222
222
|
.uk-position-z-index-negative { z-index: -1; }
|
|
223
|
-
.uk-position-z-index-high { z-index: @global-z-index - 10; }
|
|
223
|
+
.uk-position-z-index-high { z-index: @global-z-index - 10; } // Higher than dropbar so it is behind
|
|
224
224
|
|
|
225
225
|
|
|
226
226
|
// Hooks
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
.uk-position-z-index { z-index: 1; }
|
|
217
217
|
.uk-position-z-index-zero { z-index: 0; }
|
|
218
218
|
.uk-position-z-index-negative { z-index: -1; }
|
|
219
|
-
.uk-position-z-index-high { z-index: $global-z-index - 10; }
|
|
219
|
+
.uk-position-z-index-high { z-index: $global-z-index - 10; } // Higher than dropbar so it is behind
|
|
220
220
|
|
|
221
221
|
|
|
222
222
|
// Hooks
|
package/tests/icon.html
CHANGED
|
@@ -200,7 +200,6 @@
|
|
|
200
200
|
<li><span class="uk-margin-small-right" uk-icon="icon: linkedin"></span> linkedin</li>
|
|
201
201
|
<li><span class="uk-margin-small-right" uk-icon="icon: mastodon"></span> mastodon</li>
|
|
202
202
|
<li><span class="uk-margin-small-right" uk-icon="icon: microsoft"></span> microsoft</li>
|
|
203
|
-
<li><span class="uk-margin-small-right" uk-icon="icon: pagekit"></span> pagekit</li>
|
|
204
203
|
<li><span class="uk-margin-small-right" uk-icon="icon: pinterest"></span> pinterest</li>
|
|
205
204
|
<li><span class="uk-margin-small-right" uk-icon="icon: reddit"></span> reddit</li>
|
|
206
205
|
<li><span class="uk-margin-small-right" uk-icon="icon: signal"></span> signal</li>
|
|
@@ -231,8 +230,8 @@
|
|
|
231
230
|
|
|
232
231
|
<!-- App -->
|
|
233
232
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: home"></a></li>
|
|
234
|
-
<li><a class="uk-icon-link" href="#" uk-icon="icon: sign-out"></a></li>
|
|
235
233
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: sign-in"></a></li>
|
|
234
|
+
<li><a class="uk-icon-link" href="#" uk-icon="icon: sign-out"></a></li>
|
|
236
235
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: user"></a></li>
|
|
237
236
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: users"></a></li>
|
|
238
237
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: lock"></a></li>
|
|
@@ -378,7 +377,6 @@
|
|
|
378
377
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: linkedin"></a></li>
|
|
379
378
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: mastodon"></a></li>
|
|
380
379
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: microsoft"></a></li>
|
|
381
|
-
<li><a class="uk-icon-link" href="#" uk-icon="icon: pagekit"></a></li>
|
|
382
380
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: pinterest"></a></li>
|
|
383
381
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: reddit"></a></li>
|
|
384
382
|
<li><a class="uk-icon-link" href="#" uk-icon="icon: signal"></a></li>
|
|
@@ -407,8 +405,8 @@
|
|
|
407
405
|
|
|
408
406
|
<!-- App -->
|
|
409
407
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: home"></a></li>
|
|
410
|
-
<li><a class="uk-icon-button" href="#" uk-icon="icon: sign-out"></a></li>
|
|
411
408
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: sign-in"></a></li>
|
|
409
|
+
<li><a class="uk-icon-button" href="#" uk-icon="icon: sign-out"></a></li>
|
|
412
410
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: user"></a></li>
|
|
413
411
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: users"></a></li>
|
|
414
412
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: lock"></a></li>
|
|
@@ -554,7 +552,6 @@
|
|
|
554
552
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: linkedin"></a></li>
|
|
555
553
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: mastodon"></a></li>
|
|
556
554
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: microsoft"></a></li>
|
|
557
|
-
<li><a class="uk-icon-button" href="#" uk-icon="icon: pagekit"></a></li>
|
|
558
555
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: pinterest"></a></li>
|
|
559
556
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: reddit"></a></li>
|
|
560
557
|
<li><a class="uk-icon-button" href="#" uk-icon="icon: signal"></a></li>
|
|
@@ -582,8 +579,8 @@
|
|
|
582
579
|
<ul class="uk-grid-small uk-flex-middle" uk-grid>
|
|
583
580
|
<!-- App -->
|
|
584
581
|
<li><span uk-icon="ratio: 2; icon: home"></span></li>
|
|
585
|
-
<li><span uk-icon="ratio: 2; icon: sign-out"></span></li>
|
|
586
582
|
<li><span uk-icon="ratio: 2; icon: sign-in"></span></li>
|
|
583
|
+
<li><span uk-icon="ratio: 2; icon: sign-out"></span></li>
|
|
587
584
|
<li><span uk-icon="ratio: 2; icon: user"></span></li>
|
|
588
585
|
<li><span uk-icon="ratio: 2; icon: users"></span></li>
|
|
589
586
|
<li><span uk-icon="ratio: 2; icon: lock"></span></li>
|
|
@@ -729,7 +726,6 @@
|
|
|
729
726
|
<li><span uk-icon="ratio: 2; icon: linkedin"></span></li>
|
|
730
727
|
<li><span uk-icon="ratio: 2; icon: mastodon"></span></li>
|
|
731
728
|
<li><span uk-icon="ratio: 2; icon: microsoft"></span></li>
|
|
732
|
-
<li><span uk-icon="ratio: 2; icon: pagekit"></span></li>
|
|
733
729
|
<li><span uk-icon="ratio: 2; icon: pinterest"></span></li>
|
|
734
730
|
<li><span uk-icon="ratio: 2; icon: reddit"></span></li>
|
|
735
731
|
<li><span uk-icon="ratio: 2; icon: signal"></span></li>
|