vignesh/trypost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix the remaining reka trigger-width dropdowns for Tailwind v4

Browse source 
The workspace switcher menu, the label filter, and the templates category
popover still used the v3 bracket syntax w-[--reka-*-trigger-width], which
Tailwind v4 compiles to an invalid `width: --reka-...` so the floating content
no longer matched its trigger. Switch them to the v4 CSS-variable syntax
w-(--reka-*-trigger-width), matching the FontPicker/LanguagePicker fix.
This commit is contained in:
Paulo Castellano 2026-07-03 19:32:52 -03:00
parent de4d5f3c68
commit ec808bdea8
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/js/components/AppSidebar.vue
View file

@ -199,7 +199,7 @@ const handleCreateWorkspace = () => {
<IconChevronRight class="ml-auto size-4" />
</SidebarMenuButton>
</DropdownMenuTrigger>
<DropdownMenuContent class="w-[--reka-dropdown-menu-trigger-width] min-w-56"
<DropdownMenuContent class="w-(--reka-dropdown-menu-trigger-width) min-w-56"
align="start" side="right" :side-offset="4">
<DropdownMenuLabel>
{{ $t('sidebar.workspaces') }}

2
resources/js/components/labels/LabelFilter.vue
View file

@ -102,7 +102,7 @@ const clear = () => {
</Button>
</PopoverTrigger>
<PopoverContent class="w-[--reka-popover-trigger-width] min-w-[220px] p-0" align="start">
<PopoverContent class="w-(--reka-popover-trigger-width) min-w-[220px] p-0" align="start">
<Command>
<CommandInput :placeholder="trans('posts.label_search_placeholder')" />
<CommandList>

2
resources/js/pages/posts/templates/Index.vue
View file

@ -211,7 +211,7 @@ const pageTitle = computed(() => trans('posts.templates.browser_title'));
<IconChevronDown class="ml-2 size-4 shrink-0 text-foreground/60" />
</Button>
</PopoverTrigger>
<PopoverContent class="w-[--reka-popover-trigger-width] p-0" align="start">
<PopoverContent class="w-(--reka-popover-trigger-width) p-0" align="start">
<Command>
<CommandInput :placeholder="$t('posts.templates.platform_search_placeholder')" />
<CommandList>