Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • 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 34
    • Issues 34
    • List
    • Board
    • Labels
    • Milestones
  • Merge Requests 3
    • Merge Requests 3
  • 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
  • #97

Closed
Open
Opened Feb 08, 2019 by julien@julientaq
  • Report abuse
  • New issue
Report abuse New issue

Override CSS from the @page for running-element

This comes from issue #79 (closed)

When using running element, since you're cloning the element, you're also cloning children, classes, ids and any other attributes. Which explains why it work that way. The properties you set in the @page @top-right are passed to the margin-box (to the parent of the element), and not on the element itself, therefor, you need to use !important to inherit the attribute from the margin box. Maybe we could see if we can target html element from the @page :

@page :first {
    @top-right 
        { p 
            { color: orange; } 
        } 
    }
} 

This would add the color: orange to all the p that go into the top-right of the first page so it will override the style from the body (as @media print doesn't by default).

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
No due date
0
Labels
None
Assign labels
  • View project labels
Reference: tools/pagedjs#97