starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-08-24 12:24:01 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Upgrade Tailwind to v4 (#491)

Browse Source
This commit is contained in:
Gregory Schier
2026-07-02 09:53:22 -07:00
committed by GitHub
parent bdf78254b5
commit 9b524e3dc7
112 changed files with 744 additions and 1027 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/tree/Tree.tsx
+3 -3
View File
@@ -662,7 +662,7 @@ function TreeInner<T extends { id: string }>(
ref={treeRef}
className={classNames(
className,
"outline-none h-full",
"outline-hidden h-full",
"overflow-y-auto overflow-x-hidden",
"grid grid-rows-[auto_1fr]",
)}
@@ -670,8 +670,8 @@ function TreeInner<T extends { id: string }>(
<div
className={classNames(
"[&_.tree-item.selected_.tree-item-inner]:text-text",
"[&:focus-within]:[&_.tree-item.selected]:bg-surface-active",
"[&:not(:focus-within)]:[&_.tree-item.selected:not([data-context-menu-open])]:bg-surface-highlight",
"focus-within:[&_.tree-item.selected]:bg-surface-active",
"not-focus-within:[&_.tree-item.selected:not([data-context-menu-open])]:bg-surface-highlight",
"[&_.tree-item.selected[data-context-menu-open]]:bg-surface-active",
// Round the items, but only if the ends of the selection.
// Also account for the drop marker being in between items
packages/ui/src/components/tree/TreeItem.tsx
+4 -4
View File
@@ -326,7 +326,7 @@ function TreeItem_<T extends { id: string }>({
<button
type="button"
tabIndex={-1}
className="h-full pl-[0.5rem] outline-none"
className="h-full pl-2 outline-hidden"
onClick={toggleCollapsed}
>
<Icon
@@ -334,7 +334,7 @@ function TreeItem_<T extends { id: string }>({
className={classNames(
"transition-transform text-text-subtlest",
"ml-auto",
"w-[1rem] h-[1rem]",
"w-4 h-4",
!isCollapsed && node.children.length > 0 && "rotate-90",
)}
/>
@@ -349,7 +349,7 @@ function TreeItem_<T extends { id: string }>({
onClick={handleClick}
onDoubleClick={handleDoubleClick}
disabled={editing}
className="cursor-default tree-item-inner pr-1 focus:outline-none flex items-center gap-2 h-full whitespace-nowrap"
className="cursor-default tree-item-inner pr-1 focus:outline-hidden flex items-center gap-2 h-full whitespace-nowrap"
{...attributes}
{...listeners}
tabIndex={isLastSelected ? 0 : -1}
@@ -366,7 +366,7 @@ function TreeItem_<T extends { id: string }>({
placeholder={placeholder}
autoCapitalize="off"
autoCorrect="off"
className="bg-transparent outline-none w-full cursor-text"
className="bg-transparent outline-hidden w-full cursor-text"
onBlur={handleEditBlur}
onKeyDown={handleEditKeyDown}
/>