Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Sign in / Register
  • W wax-prosemirror
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 9
    • Issues 9
    • List
    • Boards
    • Service Desk
    • Milestones
    • Iterations
    • Requirements
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
    • Test Cases
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Code review
    • Insights
    • Issue
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • wax
  • wax-prosemirror
  • Issues
  • #36

Closed
Open
Created Oct 08, 2021 by Ryan Dix-Peek@ryandixpeekDeveloper

Applying image styles in Wax editor

Description; currently specific images styling cannot be applied in the Wax editor, only captions can be added.

Use cases:

  • Pagination; certain images are required to span the whole page in case of multi-column layouts, and other images remain within a column.
  • Push an image into the margin with a class like .margin-top or .margin-bottom
  • When certain images are to be treated in the same way, for example. The opening image of each chapter should take the full width of the page. In this case you'd want to apply a class to the image, e.g. .chapter-opener and then define the styles for that class in the stylesheet.
  • When you're doing "print refinement" and you want control over an image to improve the layout of the pages, so it's done on a case by case basis. Here's where the float rules come in handy to override the rule that set for all figures

The current solution is to identify images by assigning a custom style using the Wax editor. A proposed solution is to apply a CSS class in Wax so that the CSS template in pagedjs can apply a style targeted to images only.

Assignee
Assign to
Time tracking