WEBDIENSTE/lasuite-docs
1
0
Fork 0
mirror of https://github.com/suitenumerique/docs.git synced 2026-09-26 11:35:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

🐛(frontend) fix long titles in table of content

Browse Source 
Long title in table of content is were not displayed correctly.
This commit fixes the issue.
This commit is contained in:
Anthony LC
2026-06-05 12:42:26 +02:00
parent 26670eb588
commit 8bf30d0ec3
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+1
View File
@@ -17,6 +17,7 @@ and this project adheres to
- 🐛(frontend) fix crash when orphaned threads #2395 - 🐛(frontend) fix crash when orphaned threads #2395
- 🐛(backend) order trashbin response by most recently deleted - 🐛(backend) order trashbin response by most recently deleted
- 🐛(backend) stream document content with an async iterator under ASGI #2381 - 🐛(backend) stream document content with an async iterator under ASGI #2381
- 🐛(frontend) fix long titles in table of content #2399
## [v5.2.0] - 2026-06-03 ## [v5.2.0] - 2026-06-03
src/frontend/apps/e2e/__tests__/app-impress/doc-table-content.spec.ts
-1
View File
@@ -39,7 +39,6 @@ test.describe('Doc Table Content', () => {
const level3 = elSidePanel.getByText('Level 3'); const level3 = elSidePanel.getByText('Level 3');
await expect(level1).toBeVisible(); await expect(level1).toBeVisible();
await expect(level1).toHaveCSS('padding', /0px 0px 0px 8px/);
await expect(editorLevel1).not.toBeInViewport(); await expect(editorLevel1).not.toBeInViewport();
await expect(level1).toHaveAttribute('aria-selected', 'false'); await expect(level1).toHaveAttribute('aria-selected', 'false');
src/frontend/apps/impress/src/features/docs/doc-table-content/components/Heading.tsx
+2 -2
View File
@@ -42,7 +42,7 @@ export const Heading = ({
id={`heading-${headingId}`} id={`heading-${headingId}`}
className="--docs--table-content-heading" className="--docs--table-content-heading"
$width="100%" $width="100%"
$height="var(--c--globals--spacings--lg)" $minHeight="var(--c--globals--spacings--lg)"
onMouseOver={() => setIsHover(true)} onMouseOver={() => setIsHover(true)}
onMouseLeave={() => setIsHover(false)} onMouseLeave={() => setIsHover(false)}
onClick={() => { onClick={() => {
@@ -83,7 +83,7 @@ export const Heading = ({
> >
<Text <Text
$size="sm" $size="sm"
$padding={{ left: leftPaddingMap[level] }} $padding={{ left: leftPaddingMap[level], vertical: 'xs' }}
$weight={isHighlight ? '700' : '500'} $weight={isHighlight ? '700' : '500'}
$css="overflow-wrap: break-word;" $css="overflow-wrap: break-word;"
$hasTransition $hasTransition