Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 84964cb

Browse files
Merge pull request #55 from connorabbas/develop
Fix: Popup menu button component
2 parents d62e7e9 + 09c84ec commit 84964cb

File tree

3 files changed

+14
-1
lines changed

3 files changed

+14
-1
lines changed

‎src/components/PopupMenuButton.vue‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ const props = withDefaults(defineProps<{
1010
buttonLabel?: string,
1111
buttonSeverity?: 'secondary' | 'success' | 'info' | 'warn' | 'help' | 'danger' | 'contrast' | undefined,
1212
buttonVariant?: 'default' | 'outlined' | 'text' | 'link' | undefined,
13+
buttonSize?: 'small' | 'large' | undefined,
1314
fixedPosition?: 'left' | 'right',
1415
}>(), {
1516
buttonSeverity: 'secondary',
@@ -55,9 +56,19 @@ const menuPositionClasses = computed(() => {
5556
:pt:root:class="{ 'flex flex-row-reverse justify-between': props?.buttonLabel }"
5657
:severity="props.buttonSeverity"
5758
:variant="props.buttonVariant === 'default' ? undefined : props.buttonVariant"
59+
:size="props?.buttonSize"
5860
@click="toggleDropdownMenu($event)"
5961
>
60-
<template #icon>
62+
<template
63+
v-if="$slots.content && !props?.buttonLabel"
64+
#default
65+
>
66+
<slot name="content" />
67+
</template>
68+
<template
69+
v-else
70+
#icon
71+
>
6172
<slot
6273
v-if="$slots.toggleIcon"
6374
name="toggleIcon"

‎src/layouts/app/HeaderLayout.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ const {
4141
<template #footer>
4242
<PopupMenuButton
4343
name="mobile-user-menu-dd"
44+
button-size="large"
4445
:menu-items="userMenuItems"
4546
:button-label="userName"
4647
>

‎src/layouts/app/SidebarLayout.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ const {
3939
<template #footer>
4040
<PopupMenuButton
4141
name="mobile-user-menu-dd"
42+
button-size="large"
4243
:menu-items="userMenuItems"
4344
:button-label="userName"
4445
>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /