2.1.0

Addition

• Twig integration #34

• Rewrite responsive classes to properly introduce aspect-ratios for videos without image sizes 048a098

• Allow border-styles within inner dividers 9ae830a

Bugfixes

• (Do not output numeric classes in the legacy gallery html template) b244929

---

Upgrading Version 2.0.* to ^2.1.*

Twig

Important

If you have overwritten the HTML-Templates for following contao components, you'll have to rewrite them into twig.
Getting used to twig right now is the best long-term goal to provide proper updates from contao elements without
relying on modifying too many tempplates.

\Contao\ContentHeadline::class;
\Contao\ContentList::class;
\Contao\ContentText::class;
\Contao\ContentTable::class;
\Contao\ContentHyperlink::class;
\Contao\ContentToplink::class;
\Contao\ContentImage::class;
\Contao\ContentGallery::class;
\Contao\ContentPlayer::class;
\Contao\ContentYouTube::class;
\Contao\ContentVimeo::class;
\Contao\ContentDownloads::class;
\Contao\ContentDownload::class;
\Contao\ContentTeaser::class;

But I want to go back to HTML5!

Please refer to the upgrade.md from Contao if you want to restore the classes, additionally you can just install plugins like:
https://github.com/zoglo/contao-legacy-templates

Please note that support for html templates will be dropped when Contao 4.13 support ends - get used to twig

Classname changes with BC layer

The legacy .ce_*-classnames are reintroduced into the Twig-Templates. Please refer to the new ones when using Contao 5.3 in your own skin as they will be removed in version 2.2.

old class	new class
ce_headline	content-headline
ce_list	content-list
ce_text	content-text
ce_table	content-table
ce_hyperlink	content-hyperlink
ce_toplink	content-toplink
ce_image	content-image
ce_gallery	content-gallery
ce_player	content-player
ce_youtube	content-youtube
ce_vimeo	content-vimeo
ce_downloads	content-downloads
ce_download	content-download
ce_teaser	content-teaser

Structure changes

The gallery element does not use div anymore and follows the original ul style - Grid lists work like before.

2.0.18

Bugfixes

• Consider layout lightbox size in image-list-components a745a25

• Consider form-grid in ajaxform_inline (Contao 5) b393adb

Addition

• Add lightbox option to image-text and image-text-list 6f7bf8a

• Simplify lightbox init within custom components fcbf232

---

Full Changelog: 2.0.17...2.0.18

2.0.17

Update

• use content-headings in all multi-column sections 4ed1fa7

  they will now work in #left and #right as well

• sort generated background image-options by filename f863728

• reintroduced <fieldset> for checkbox and radio elements 8386261

Bugfix

• Fixed a bug where overriding the stylemanager configuration would not work (See oveleon/contao-component-style-manager#100) 234dfea

QoL

• Dropped unneeded form_row.html5 override 32b4ca7

• Reintroduced blocks into form-templates 851b0eb

  it now inherits from form_row.html5 again

• removed unnecessary widget-captcha styles c109ec0

---

Full Changelog: 2.0.16...2.0.17

2.0.16

Note

The grid-gutter class for fieldSetStart is now a template variable. A BC-layer is included in the new template and will properly assign the class within the element. Saving the element will properly reassign it into the stylemanager blob.

Updates

• Reverted fieldSetStart to type fieldset again ad4efa2

• Added new StyleManager options for fieldSetStart ad4efa2

  • text-color
  • box & box-shadow
  • grid-alignment
  • margin
  • padding
  • background options

• Added overflow: visible and overflow: hidden to components and modules 2c25565 d5097b8 a789e75

  • .ov-h: hidden
  • .ov-v: visible

• Added $video-bg and aspect-ratio to media elements f22b23a 175e499

  This should properly handle video posters

Bugfixes

• Use legend in fieldsets 679a1dd

• Fixed a bug with dynamic property generation for background-sizes b631803 ec0fd1e 2c0038a

1.5.6

Bugfixes

• Use legend in fieldsets 6e17f47

2.0.15

Bugfixes

• Allow basicEntities in headline2 (Contao 5 Bug) a45c879

Feature

• Reordered typography compiler settings and added regular and invert colors for <strong> 23fdb9f

Improvement

• Performance optimizations to reduce compile time in oveleon/contao-theme-compiler-bundle https://github.com/oveleon/contao-theme-compiler-bundle/releases/tag/1.8.0

  Previously, every generated css file was synced with DBAFS, this has been rewritten to save on Database calls when the files already exist.
  The old behavior can be restored with

  # config/config.yml
  contao_theme_compiler:
    file_sync: true

2.0.14

Important

Please check your theme configuration and check if you had unitless values within the configuration. This release fixes an issue where they will now be taken into consideration!

---

Fixes

• dropped restriction for empty units in contao-theme-compiler-bundle to fix an issue with unitless config values (SCSS variables always worked, other values did not) bb37a1d

• fixed horizontal and vertical item padding regression from 584e9ca

  This most likely never had any visual bugs unless you were overwriting the custom property for your own needs

Multi column layout changes

• Properly reset bottom-paddings within the main layout 0c7ffb4

  $article-main-spacing-bottom should now work properly and you could assign the dynamic values such as var(--art-py-1)

• Rewrite column layout to column-gap instead of using calc() 06449eb

• Added row-gap to fix spacing issues between left / right / main on mobile devices 06449eb

Features

• Added <strong> to headline units d752dfe

• Added overwriteMeta settings to image-components f867602

2.0.13

Fixes

• Fix wrong table footer alignment in Contao 5.x 263a5a4

• Fix line breaks in the theme configuration mask a158b19 10b93b2

• Fix potential warning within tl_settings (if the icon font does not exist anymore) 441e4ed

• Consider $form-label-spacing in labels e20fe2f

• Introduce $icon-rounded-border-radius in theme configuration to fix naming convention (should have been named icon circled) 39a4f79

• Do not show style-manager options in fieldsetStop 68cf8d4

---

Features

• Add dynamic background-sizes 463b159

  You can now generate additional custom background-sizes under miscellaneous that will be available in all background-settings

• Add new custom properties 2ef19ae

  • var(--a-fw): $link-font-weight
  • var(--nav-fs): $navigation-item-font-size

• Allow all valid image extensions within image elements ce5b9bd

  You can now choose all available image extensions within the custom image components

• Add display utilities to generate display-classes dynamically for all breakpoints fafae50

  You can now generate display: block / none / whatever across all breakpoints. Check the documentation for more information

• Add responsive navigation directions 05450d8

  Sometimes you want the navigation to open left on the medium breakpoint but right on the large breakpoint

• Introduce article-spacings for wrapperStart (article) 8ac6e1b

  • Top/Bottom, Left/Right, Top, Bottom

• Introduce article-heights for wrapperStart (article) e4b7e1b

  This also takes the dynamic article heights into account

---

Changes

• Load images via figure in custom image elements 8ff2271

  This way, additional data can be output within the custom image components

• Simplify custom element templates 20ed1c6

  Less lines of code and more readable :)

• Preparation for CSS units within container configuration e2fa5bb

  First prep for removing $GLOBALS

2.0.12

• Update dependencies

1.5.5

• Update dependencies