Public

Project privacy set to public. By default, its content is available to everyone (authenticated or not). Please note that more restrictive permissions might exist on some items.

stable

Clone or download

Read-only

design: apply box-shadow on toolbar when stuck

Download Browse

Toolbar in artidoc is marked as sticky. The box-shadow (sticky-header-shadow) is here to indicate to the user that some content is being scrolled under it. Therefore this box-shadow should be displayed only when the toolbar is "stuck". Implementation note: the combination of plateform banner, project banner, and sticky header make it difficult to use IntersectionObserver so we use scroll event instead. Additionally, the position of the toolbar is now adapted accordingly to the presence of project banner, platform banner, or both. Part of story #38627: Choice of a new Rich Text Editor Change-Id: I8f14083dbaaac11da46b66145649b5ff38b2fe76

+91 −3
Nicolas Terray (nterray) 2024-09-26 08:32
Clarisse Deschamps (cdeschamps) 2024-10-16 11:51
2fd70ab13fab7168d5b9b2a93937c0b5098e9f1d
a3270a975fd544a96c78f85eacf9ba9c48768768
git #tuleap/stable/2fd70ab13fab7168d5b9b2a93937c0b5098e9f1d

Modified Files

Side by side diff
Inline diff
Name
M lib/frontend/prose-mirror-editor-toolbar/src/elements/styles.scss +0 −1 Go to diff View file
M plugins/artidoc/scripts/artidoc/src/components/toolbar/EditorToolbar.vue +41 −2 Go to diff View file
A plugins/artidoc/scripts/artidoc/src/helpers/observe-sticky-toolbar.ts +50 −0 Go to diff View file