srcdev-nuxt-components 2.5.4 → 2.5.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.
|
@@ -38,7 +38,9 @@
|
|
|
38
38
|
<details class="overflow-details" :class="[{ 'visually-hidden': !navLoaded || !showOverflowDetails }]"
|
|
39
39
|
ref="overflowDetails" name="overflow-group">
|
|
40
40
|
<summary class="overflow-details-summary has-toggle-icon">
|
|
41
|
-
<
|
|
41
|
+
<slot v-if="hasOverflowDetailsSummaryIcon" name="overflowDetailsSummaryIcon">
|
|
42
|
+
<Icon name="gravity-ui:ellipsis" class="icon" />
|
|
43
|
+
</slot>
|
|
42
44
|
</summary>
|
|
43
45
|
<div class="overflow-details-nav">
|
|
44
46
|
<NavigationItems :main-navigation-state="mainNavigationState" />
|
|
@@ -85,6 +87,7 @@ const props = defineProps({
|
|
|
85
87
|
|
|
86
88
|
const slots = useSlots();
|
|
87
89
|
const hasSecondaryNavigation = computed(() => slots.secondaryNavigation !== undefined);
|
|
90
|
+
const hasOverflowDetailsSummaryIcon = computed(() => slots.overflowDetailsSummaryIcon !== undefined);
|
|
88
91
|
|
|
89
92
|
const navLoaded = ref(false);
|
|
90
93
|
const navigationWrapperRef = useTemplateRef('navigationWrapper');
|
|
@@ -458,6 +461,7 @@ watch(
|
|
|
458
461
|
|
|
459
462
|
.overflow-details-summary {
|
|
460
463
|
--_icon-zoom: 1;
|
|
464
|
+
--_icon-size: 30px;
|
|
461
465
|
display: flex;
|
|
462
466
|
align-items: center;
|
|
463
467
|
justify-content: center;
|
|
@@ -470,7 +474,8 @@ watch(
|
|
|
470
474
|
outline: 1px solid #ffffff10;
|
|
471
475
|
background-color: Canvas;
|
|
472
476
|
|
|
473
|
-
width:
|
|
477
|
+
width: var(--_icon-size);
|
|
478
|
+
height: var(--_icon-size);
|
|
474
479
|
overflow: hidden;
|
|
475
480
|
|
|
476
481
|
|
|
@@ -487,6 +492,8 @@ watch(
|
|
|
487
492
|
.icon {
|
|
488
493
|
scale: var(--_icon-zoom);
|
|
489
494
|
transition: scale 0.2s ease-in-out;
|
|
495
|
+
width: var(--_icon-size);
|
|
496
|
+
height: var(--_icon-size);
|
|
490
497
|
}
|
|
491
498
|
}
|
|
492
499
|
|
package/package.json
CHANGED