arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-05 06:38:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Button): remove truncate prop to always use on label

Browse Source
This commit is contained in:
Benjamin Canac
2024-06-11 17:39:27 +02:00
parent e4eef89767
commit 655d9b2c97
8 changed files with 285 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/components/__snapshots__/Toast.spec.ts.snap
View File

@@ -14,7 +14,7 @@ exports[`Toast > renders with actions correctly 1`] = `
<!--v-if-->
</div>
<div class="flex gap-1.5 shrink-0 items-center"><button type="button" data-radix-toast-announce-exclude="" data-radix-toast-announce-alt="Action" class="rounded-md font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 shadow-sm text-white dark:text-gray-900 bg-primary-500 hover:bg-primary-600 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400">
<!--v-if--><span class="">Action</span>
<!--v-if--><span class="truncate">Action</span>
<!--v-if-->
</button><button type="button" aria-label="Close" data-radix-toast-announce-exclude="" class="rounded-md font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors text-sm gap-1.5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 underline-offset-4 hover:underline focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 p-0">
<!---->
@@ -202,7 +202,7 @@ exports[`Toast > renders with description actions correctly 1`] = `
<div class="text-sm font-medium text-gray-900 dark:text-white">Toast</div>
<div class="text-sm text-gray-500 dark:text-gray-400">This is a toast</div>
<div class="flex gap-1.5 shrink-0 items-start mt-1"><button type="button" data-radix-toast-announce-exclude="" data-radix-toast-announce-alt="Action" class="rounded-md font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 shadow-sm text-white dark:text-gray-900 bg-primary-500 hover:bg-primary-600 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400">
<!--v-if--><span class="">Action</span>
<!--v-if--><span class="truncate">Action</span>
<!--v-if-->
</button></div>
</div>