Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
pagedjs
pagedjs
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 160
    • Issues 160
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 12
    • Merge Requests 12
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Tools
  • pagedjspagedjs
  • Issues
  • #49

Closed
Open
Opened Jun 30, 2018 by Julie Blanc@JulieBlanc
  • Report abuse
  • New issue
Report abuse New issue

Vertical-align property on page margin-boxes

On page-margin boxes, the ‘vertical-align’ property behaves as specified for table cells. It always performs alignment in the vertical dimension, regardless of writing mode.
(https://www.w3.org/TR/css3-page/#page-properties)

The vertical-align property on page margin-boxes allows to manage the vertical alignment of the margin-boxes content. For the moment, it’s not taken into account in pagedjs.

HTML: margin-boxes-vertical-align.html

Result: margin-boxes-vertical-align-wrong.pdf

The result we should get: margin-boxes-vertical-align-correct.pdf

This issue can be resolved by modifying the align-items (flex-start | center | flex-end) property of the flexible boxes created by pagedjs (sample: .pagedjs_margin-top-left for @top-left)

HTML working: margin-boxes-vertical-align-working.html

Edited Jul 03, 2018 by Julie Blanc
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
3
Labels
CSS In Review margin boxes
Assign labels
  • View project labels
Reference: tools/pagedjs#49