Upgrade Migration Anleitung

CSS Dateien

Es wird jetzt nur noch main.css, die Fonts und eventuell die *demo.css Dateien in template/head/styles.html geladen

Page header

Einige CSS Klassen haben sich geändert:

page-header-text-title -> page-header-text-short

Text Farbe ist nicht mehr standardmäßig weiß. Dafür gibt es im Template Einstellung.

Header-Inhalt (Titel und Kurzbeschreibung) wird standardmäßig zentriert, vorher linksbündig. Das ist jetzt eine Template-Einstellung.

Main Content

Die main-content-wrapper (und den Div) gibt es nicht mehr template/page.html.

Es wird nicht mehr der gesamte main-content Div mit padding versehen (grid-content). Die CSS Klasse grid-content wandert von template/page.html zu den jeweiligen layouts/*.html Dateien. Auch die main-content Klasse wandert in die jeweiligen Templates.

template/page.html alt:

    <div class="main-content-wrapper">
        <div class="grid-container main-content">
            {$Template->getLayout()}
        </div>
    </div>

template/page.html neu:

    <div class="main-content-wrapper">
        <div class="grid-container main-content">
            {$Template->getLayout()}
        </div>
    </div>

Baustein Titel

Aus h1 wird jetzt h2 gemacht.

Alt:

{if $Brick->getAttribute('frontendTitle')}
    <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
{assign var=showTitle value=$Brick->setSetting('showTitle', false)}
{$Brick->create()}

Neu:

{if $Brick->getAttribute('frontendTitle')}
    <h2 class="tpl-brick__title">{$Brick->getAttribute('frontendTitle')}</h2>
{/if}
{assign var=showTitle value=$Brick->setSetting('showTitle', false)}

{$Brick->create()}

Seitentitel vor dem Inhalt

Seitentitel wird nicht mehr mit <header> Tag umgeschlossen.

Alt:

<header class="content-header">
    <h1 itemprop="name">
        {$Site->getAttribute('title')}
    </h1>
</header>

Neu: Alt:

<h1 itemprop="name">
    {$Site->getAttribute('title')}
</h1>

Titel

h1 und h2 Titel sind etwas größer.

CSS Klasse `prefix-suffix-full-width` entfernt

Diese CSS Klass hatte keine Verwendung. Daher fliegt prefix-suffix-full-width aus der .tpl-brick Wrapper weg. Es war nur in Zusammenhang mit Content Switcher Basutein in Verwendung. Der Baustein ist sowieso deprecated, daher ist das nicht relevant.

Dieser CSS Code wird entfernt

/*********************************************************************************/
/* content switcher
/*********************************************************************************/

.content-switcher .content-switcher-content {
    max-width: 580px; /* (page width : 2) */
}

.content-switcher .pull-custom {
    left: -580px; /* -1 x (page width : 2) */
}

@media screen and (max-width: 1160px) {

    .prefix-suffix-full-width .content-switcher-content.pull-50 {
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px) {

    .content-switcher .content-switcher-content {
        padding-left: 0;
        padding-right: 0;
    }

    .prefix-suffix-full-width .content-switcher .content-switcher-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

Buttons

Es gibt eine neue CSS Datei buttons.css. Dafür fliegen alle button Stylings aus style.css weg. Zusätzlich werden die alten Klassen für Button-Größe entfernt. Auch die Klassen werden entfernt:

.button-xs
.button-sm
.button-md
.button-lg
.button-xl
.button__ghost