Просмотр исходного кода

fix: truncate the workspace name on hover

David Hill 1 месяц назад
Родитель
Сommit
a49102db01
1 измененных файлов с 1 добавлено и 1 удалено
  1. 1 1
      packages/app/src/pages/layout.tsx

+ 1 - 1
packages/app/src/pages/layout.tsx

@@ -1151,7 +1151,7 @@ export default function Layout(props: ParentProps) {
         >
           <div class="px-2 py-1">
             <div class="group/trigger relative">
-              <Collapsible.Trigger class="flex items-center justify-between w-full pl-2 pr-16 py-1.5 rounded-md hover:bg-surface-raised-base-hover">
+              <Collapsible.Trigger class="flex items-center justify-between w-full pl-2 pr-2 py-1.5 rounded-md hover:bg-surface-raised-base-hover transition-all group-hover/trigger:pr-16 group-focus-within/trigger:pr-16">
                 <div class="flex items-center gap-1 min-w-0">
                   <div class="flex items-center justify-center shrink-0 size-6">
                     <Icon name="branch" size="small" />