Skip to content
Snippets Groups Projects
Unverified Commit 8b169653 authored by Bekerle, Patrizio's avatar Bekerle, Patrizio :fire:
Browse files

Add slot "title" to app shell

parent 87955fd3
No related branches found
No related tags found
No related merge requests found
Pipeline #54898 passed
...@@ -77,6 +77,12 @@ The content of this slot will be shown left in the header and can be used to set ...@@ -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>` 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 #### logo
The content of this slot will be shown right in the header and can be used to override the logo image. The content of this slot will be shown right in the header and can be used to override the logo image.
......
{ {
"name": "@dbp-toolkit/app-shell", "name": "@dbp-toolkit/app-shell",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/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", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
"repository": { "repository": {
......
...@@ -901,7 +901,11 @@ export class AppShell extends ScopedElementsMixin(DBPLitElement) { ...@@ -901,7 +901,11 @@ export class AppShell extends ScopedElementsMixin(DBPLitElement) {
</slot> </slot>
</header> </header>
<div id="headline"> <div id="headline">
<h1 class="title">${this.topicMetaDataText('name')}</h1> <h1 class="title">
<slot name="title">
${this.topicMetaDataText('name')}
</slot>
</h1>
</div> </div>
<aside> <aside>
<h2 class="subtitle" @click="${this.toggleMenu}"> <h2 class="subtitle" @click="${this.toggleMenu}">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment