Skip to content
  • Benjamin Bädorf's avatar
    e848d44d
    Fix/update wysiwyg styles (#8844) · e848d44d
    Benjamin Bädorf authored
    
    
    This is a refactoring of the CSS classes in the WYSIWYG editor. The classes now use proper BEM and are almost completely independent of other CSS. It also includes small style refactorings, like a reduction of heading size in attribute fields, and an increase in heading size in all other instances.
    
    * Initial class definitions
    
    * Added more classes
    
    * Added Table of Contents basics
    
    * CkEditor applying custom CSS classes to p, h1, h2, h3, h4, h5, h6, li and blockquote
    
    * CKEditorInspector removed
    
    * op css class for headings
    
    * op css class for paragraphs
    
    * op css class for code/code block
    
    * adapt specs to altered markdown/html generation
    
    * adapt grid/budget representers to altered signature
    
    * op css class for lists
    
    * op css class for toc
    
    * op css class for links
    
    * Start working on typography css
    
    * op css class for tables
    
    * Fixing more typography, trying out larger headers
    
    * Applying custom classes to li, a, blockquote, figure, table, tr, td, th, image, codeblock, figcaption and macros
    
    * adapt specs to altered link classes
    
    * op css class for images
    
    * apply user content container class throughout application
    
    * CSS alignment custom classes applied to table
    
    * op css class for task list checkbox
    
    * Added task checkbox class
    
    * amend list checkbox class in backend
    
    * op css class for table thead element
    
    * adapt specs on image html generation
    
    * Updated table and typography styles
    
    * Update typography and figure styles
    
    * Figure overflow handling
    
    * Table alignment styles + ckEditor styles removed
    
    * rename wiki-anchor to op-uc-link_permalink
    
    * wrap table in div as well as figure
    
    * Updated code-block
    
    * Update permalinks
    
    * Fixed a lot about tables
    
    * Removed Description header from work-packages page
    
    * Fix frontend styles
    
    * Add placeholder styling, fix toc
    
    * Fixed figure print
    
    * working with table aligns
    
    * Custom class add to task lists
    
    * Custom classes applied to theads
    
    * op-uc-container custom class added to container
    
    * Codeblocks inside pre elements
    
    * Fix: single <code> and <a> tags
    
    * explicitly require overwritten gem class
    
    Apparently, the gem is not loaded yet when it is registered as a filter when in eager loading mode
    
    * adapt spec expectation to altered toc rendering
    
    * CkInspector removed
    
    * Latest ckeditor changes
    
    * remove highlight css class from wiki content
    
    * allow html pipleline to handle macros with additional classes
    
    * Fixed a lot of print css for tables
    
    * Add general print css back in
    
    * Update Table of Contents styling
    
    * Custom classes on ul, ol, li and task-lists
    
    * Revert "Custom classes on ul, ol, li and task-lists"
    
    This reverts commit 0d27d281378b324330ea2f25632de898269e2122.
    
    * Custom classes on ul, ol, li and task-lists
    
    * Custom classes on column's th
    
    * remove placeholder class when rendering
    
    * WOrking on task lists
    
    * Changing task-list classes, changed tests
    
    * Updated list styles
    
    * Remove unused todo list styles
    
    * remove checked in binstubs
    
    * Fix table of contents
    
    * adapt todo list handing in backend pipeline
    
    * adapt specs to altered css classes
    
    * Add numbers to table of contents
    
    * Better comments in table of contents
    
    * Fix: wrap single <table> with a <figure>
    
    * Fixes to todo list design
    
    * Updated todo list scss to fix nested lists
    
    * adapt selectors in table spec
    
    * Update table styles
    
    * Improve table borders more
    
    * Custom classes specs
    
    * Fix: no need to remove regular list classes when its type changes
    
    * Add modifier for inline headings
    
    * Update table editing styles
    
    * Remove break-word tests
    
    * wrap images just like tables
    
    * Update figure content styles
    
    * Fix: All tests passing (ul.op-uc-list_task-list)
    
    * div.op-uc-figure--content wrapping tables
    
    * Specs for figures wrappers div.op-uc-figure--content
    
    * Fix: add custom classes to links and codes again
    
    * Table wrapper div reverted + specs
    
    * Fix inline palceholders
    
    * Custom macro type classes
    
    * Add basic macro placeholder changes
    
    * Move heading permalink after text
    
    * Fix word-break spec
    
    * Sending figure styles to the backend (width)
    
    * extend test to take ckeditor placeholder into account
    
    * avoid adding bem classes multiple times
    
    * attempt to fix flickering spec
    
    * Removing image spinner when uploading finishes
    
    * adapt spec expectations
    
    Co-authored-by: default avatarAleix Suau <info@macrofonoestudio.es>
    Co-authored-by: default avatarulferts <jens.ulferts@googlemail.com>
    e848d44d
    Fix/update wysiwyg styles (#8844)
    Benjamin Bädorf authored
    
    
    This is a refactoring of the CSS classes in the WYSIWYG editor. The classes now use proper BEM and are almost completely independent of other CSS. It also includes small style refactorings, like a reduction of heading size in attribute fields, and an increase in heading size in all other instances.
    
    * Initial class definitions
    
    * Added more classes
    
    * Added Table of Contents basics
    
    * CkEditor applying custom CSS classes to p, h1, h2, h3, h4, h5, h6, li and blockquote
    
    * CKEditorInspector removed
    
    * op css class for headings
    
    * op css class for paragraphs
    
    * op css class for code/code block
    
    * adapt specs to altered markdown/html generation
    
    * adapt grid/budget representers to altered signature
    
    * op css class for lists
    
    * op css class for toc
    
    * op css class for links
    
    * Start working on typography css
    
    * op css class for tables
    
    * Fixing more typography, trying out larger headers
    
    * Applying custom classes to li, a, blockquote, figure, table, tr, td, th, image, codeblock, figcaption and macros
    
    * adapt specs to altered link classes
    
    * op css class for images
    
    * apply user content container class throughout application
    
    * CSS alignment custom classes applied to table
    
    * op css class for task list checkbox
    
    * Added task checkbox class
    
    * amend list checkbox class in backend
    
    * op css class for table thead element
    
    * adapt specs on image html generation
    
    * Updated table and typography styles
    
    * Update typography and figure styles
    
    * Figure overflow handling
    
    * Table alignment styles + ckEditor styles removed
    
    * rename wiki-anchor to op-uc-link_permalink
    
    * wrap table in div as well as figure
    
    * Updated code-block
    
    * Update permalinks
    
    * Fixed a lot about tables
    
    * Removed Description header from work-packages page
    
    * Fix frontend styles
    
    * Add placeholder styling, fix toc
    
    * Fixed figure print
    
    * working with table aligns
    
    * Custom class add to task lists
    
    * Custom classes applied to theads
    
    * op-uc-container custom class added to container
    
    * Codeblocks inside pre elements
    
    * Fix: single <code> and <a> tags
    
    * explicitly require overwritten gem class
    
    Apparently, the gem is not loaded yet when it is registered as a filter when in eager loading mode
    
    * adapt spec expectation to altered toc rendering
    
    * CkInspector removed
    
    * Latest ckeditor changes
    
    * remove highlight css class from wiki content
    
    * allow html pipleline to handle macros with additional classes
    
    * Fixed a lot of print css for tables
    
    * Add general print css back in
    
    * Update Table of Contents styling
    
    * Custom classes on ul, ol, li and task-lists
    
    * Revert "Custom classes on ul, ol, li and task-lists"
    
    This reverts commit 0d27d281378b324330ea2f25632de898269e2122.
    
    * Custom classes on ul, ol, li and task-lists
    
    * Custom classes on column's th
    
    * remove placeholder class when rendering
    
    * WOrking on task lists
    
    * Changing task-list classes, changed tests
    
    * Updated list styles
    
    * Remove unused todo list styles
    
    * remove checked in binstubs
    
    * Fix table of contents
    
    * adapt todo list handing in backend pipeline
    
    * adapt specs to altered css classes
    
    * Add numbers to table of contents
    
    * Better comments in table of contents
    
    * Fix: wrap single <table> with a <figure>
    
    * Fixes to todo list design
    
    * Updated todo list scss to fix nested lists
    
    * adapt selectors in table spec
    
    * Update table styles
    
    * Improve table borders more
    
    * Custom classes specs
    
    * Fix: no need to remove regular list classes when its type changes
    
    * Add modifier for inline headings
    
    * Update table editing styles
    
    * Remove break-word tests
    
    * wrap images just like tables
    
    * Update figure content styles
    
    * Fix: All tests passing (ul.op-uc-list_task-list)
    
    * div.op-uc-figure--content wrapping tables
    
    * Specs for figures wrappers div.op-uc-figure--content
    
    * Fix: add custom classes to links and codes again
    
    * Table wrapper div reverted + specs
    
    * Fix inline palceholders
    
    * Custom macro type classes
    
    * Add basic macro placeholder changes
    
    * Move heading permalink after text
    
    * Fix word-break spec
    
    * Sending figure styles to the backend (width)
    
    * extend test to take ckeditor placeholder into account
    
    * avoid adding bem classes multiple times
    
    * attempt to fix flickering spec
    
    * Removing image spinner when uploading finishes
    
    * adapt spec expectations
    
    Co-authored-by: default avatarAleix Suau <info@macrofonoestudio.es>
    Co-authored-by: default avatarulferts <jens.ulferts@googlemail.com>
Loading