Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: title longer

Browse Source
This commit is contained in:
qinluhe 2024-07-03 16:42:46 +08:00
parent 55f06cb7a9
commit 1534a02953
3 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/appflowy_web_app/src/components/editor/components/blocks/bulleted-list/BulletedListIcon.tsx
View File

@ -31,31 +31,24 @@ export function BulletedListIcon({ block, className }: { block: BulletedListNode
const Icon = useMemo(() => {
switch (letter) {
case Letter.Disc:
return 'disc';
return DiscIcon;
case Letter.Circle:
return 'circle';
return CircleIcon;
case Letter.Square:
return 'square';
return SquareIcon;
}
}, [letter]);
return (
// <span
// onMouseDown={(e) => {
// e.preventDefault();
// }}
// contentEditable={false}
// className={`${className} bulleted-icon ${dataLetter} flex min-w-[24px] justify-center pr-1 font-medium`}
// />
<span
data-playwright-selected={false}
contentEditable={false}
onMouseDown={(e) => {
e.preventDefault();
}}
className={`${className} cursor-pointer pr-1 text-xl hover:text-fill-default`}
className={`${className} pr-1 text-xl`}
>
{Icon === 'disc' ? <DiscIcon /> : Icon === 'circle' ? <CircleIcon /> : <SquareIcon />}
<Icon />
</span>
);
}

5
frontend/appflowy_web_app/src/components/publish/header/BreadcrumbItem.tsx
View File

@ -63,7 +63,10 @@ function BreadcrumbItem({ crumb, disableClick = false }: { crumb: Crumb; disable
)}
<span
className={!disableClick ? 'max-w-[250px] truncate hover:text-text-title hover:underline' : 'flex-1 truncate'}
className={
'max-w-[250px] overflow-hidden truncate ' +
(!disableClick ? 'hover:text-text-title hover:underline' : 'flex-1')
}
>
{name || t('menuAppHeader.defaultNewPageName')}
</span>

6
frontend/appflowy_web_app/src/components/view-meta/ViewMetaPreview.tsx
View File

@ -58,12 +58,14 @@ export function ViewMetaPreview({ icon, cover, name }: ViewMetaProps) {
<div className={`relative mx-16 mb-6 mt-[52px] w-[964px] min-w-0 max-w-full overflow-visible max-md:mx-4`}>
<div
className={
'flex items-center gap-4 px-16 text-[2.25rem] font-bold leading-[1.5em] max-md:px-4 max-sm:text-[7vw]'
'flex gap-4 overflow-hidden whitespace-pre-wrap break-words break-all px-16 text-[2.25rem] font-bold leading-[1.5em] max-md:px-4 max-sm:text-[7vw]'
}
>
{icon?.value ? <div className={'view-icon'}>{icon?.value}</div> : null}
{name || <span className={'text-text-placeholder'}>{t('menuAppHeader.defaultNewPageName')}</span>}
<div className={'relative top-1.5'}>
{name || <span className={'text-text-placeholder'}>{t('menuAppHeader.defaultNewPageName')}</span>}
</div>
</div>
</div>
</div>