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 153
    • Issues 153
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 11
    • Merge Requests 11
  • 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
  • #121

Closed
Open
Opened Jun 06, 2019 by Sam Korn@incymbalis
  • Report abuse
  • New issue
Report abuse New issue

Running headers with both dynamic and constant strings are unbalanced

It's a little hard to summarise this issue in a title: sorry.

The @top-right at-rule and similar can be set to a string in two ways: by a constant value and by a named string and string-set.

@page {
  @top-right {
    content: string(header);
  }
  @top-left {
    content: "Constant string";
  }
}
h1 {
  string-set: header contents();
}

If both are set by the same method, Paged renders this correctly. If, however, one is dynamic and the other constant, the dynamic one takes up most of the space, with the constant content being bunched into a tiny corner.

This is also true if you use string-set with a constant value.

HTML file with the issue

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
1
Labels
specific
Assign labels
  • View project labels
Reference: tools/pagedjs#121