@nexdom/uimed-vue 2.4.1 → 2.4.2
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/components/navigation-menu/navigation-menu.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -149,11 +149,12 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
149
149
|
type: "list-item@6",
|
|
150
150
|
color: "tertiary"
|
|
151
151
|
}, {
|
|
152
|
-
default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links "), createVNode(unref(VList), {
|
|
152
|
+
default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links.\n `indent` aligns the items of a group with its title, which the 24px between the icons and\n the titles (`settings.scss`) move 8px to the left of Vuetify's default indentation. It\n replaces the group's prepend width too, so it's the icon (24px) plus that gap (24px) "), createVNode(unref(VList), {
|
|
153
153
|
opened: unref(opened),
|
|
154
154
|
"onUpdate:opened": _cache[1] || (_cache[1] = ($event) => isRef(opened) ? opened.value = $event : null),
|
|
155
155
|
nav: "",
|
|
156
|
-
role: "group"
|
|
156
|
+
role: "group",
|
|
157
|
+
indent: 48
|
|
157
158
|
}, {
|
|
158
159
|
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item, index) => {
|
|
159
160
|
return openBlock(), createElementBlock(Fragment, { key: index }, [unref(isParentItem)(item) ? (openBlock(), createBlock(unref(VListGroup), {
|
|
@@ -11,6 +11,10 @@ $layout-elevation: 2;
|
|
|
11
11
|
// Vuetify's 0.38 draws the fields' underline and outline with a contrast of 2.3:1 on white and
|
|
12
12
|
// 2.12:1 on the navigation menu, below WCAG AA's 3:1 for interface components
|
|
13
13
|
$field-outline-opacity: 0.6,
|
|
14
|
+
// Vuetify's 32px between a list item's icons and its title truncated common descriptions (e.g.
|
|
15
|
+
// "Recursos humanos") in the expanded navigation menu, whose groups have an icon on each side
|
|
16
|
+
$list-item-icon-margin-start: 24px,
|
|
17
|
+
$list-item-icon-margin-end: 24px,
|
|
14
18
|
// The utility classes are a render-blocking stylesheet in the apps, so only the ones the
|
|
15
19
|
// components use are generated. The theme's colors (`primary`, ...) don't come from here, and
|
|
16
20
|
// the palettes are left out: only the shades (black, white and transparent) remain, since
|