diff --git a/packages/app-shell/README.md b/packages/app-shell/README.md index 999053a2a6381c1cdf25a1dcb9f2a3641f0607b8..c6bbfad16ea19974ad1ff7f5bcee0f71f19d1a17 100644 --- a/packages/app-shell/README.md +++ b/packages/app-shell/README.md @@ -77,6 +77,12 @@ The content of this slot will be shown left in the header and can be used to set Example: `<app-shell><template slot="name">TU Graz<br />Graz University of Technology</template></app-shell>` +#### title + +The content of this slot will be shown as big h1 headline instead of the `name` in the topic manifest file. + +Example: `<app-shell><template slot="title">TU Graz Greenlight</template></app-shell>` + #### logo The content of this slot will be shown right in the header and can be used to override the logo image. diff --git a/packages/app-shell/package.json b/packages/app-shell/package.json index 93790d4a99025bf3b95f46d1cb618371329c7a20..cfafb252a2309d4439be80432034ebb2b6da1572 100644 --- a/packages/app-shell/package.json +++ b/packages/app-shell/package.json @@ -1,7 +1,7 @@ { "name": "@dbp-toolkit/app-shell", "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/app-shell", - "version": "0.2.5", + "version": "0.2.6", "main": "src/index.js", "license": "LGPL-2.1-or-later", "repository": { diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index 864ae5255ebe09aac5fa43f1b1446258b3398829..fd60dd70b78df9aa14ab21726c298950a09494ad 100644 --- a/packages/app-shell/src/app-shell.js +++ b/packages/app-shell/src/app-shell.js @@ -901,7 +901,11 @@ export class AppShell extends ScopedElementsMixin(DBPLitElement) { </slot> </header> <div id="headline"> - <h1 class="title">${this.topicMetaDataText('name')}</h1> + <h1 class="title"> + <slot name="title"> + ${this.topicMetaDataText('name')} + </slot> + </h1> </div> <aside> <h2 class="subtitle" @click="${this.toggleMenu}">