Skip to content

Commit

Permalink
Update ui_tipps.md (#481)
Browse files Browse the repository at this point in the history
* Update ui_tipps.md

New YAML snippets for customizing the title bar (from 4.0.0)

* Update ui_tipps.md

remove hint
  • Loading branch information
pafade89 authored Dec 15, 2023
1 parent 13f08ab commit 5cdc019
Showing 1 changed file with 25 additions and 22 deletions.
47 changes: 25 additions & 22 deletions docs/de/ui_tipps.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,58 +8,58 @@
* [Bindings](ui_tipps.md#bindings)




## Anpassen der Titelleiste

Die Titelleiste kann mit Hilfe der Erweiterung [Cardmod](https://github.com/thomasloven/lovelace-card-mod/tree/master) angepasst werden.
Dazu können die folgenden YAML Codebeispiele zum eigenen Theme hinzugefügt werden:

### 1. Mikrofon entfernen

### 1. Glocke entfernen
```yaml
card-mod-theme: THEMENAME
card-mod-root: |
app-toolbar:not([class="edit-mode"]) mwc-icon-button[label="Start conversation"] {
mwc-icon-button[label] {
display: none;
}
```
### 2. Glocke und Mikrofon entfernen
### 2. Suche und Assist entfernen
```yaml
card-mod-theme: THEMENAME
card-mod-root: |
app-toolbar:not([class="edit-mode"]) mwc-icon-button[label] {
mwc-icon-button[label] {
display: none;
}
ha-icon-button[slot="actionItems"] {
display: none;
}
```
### 3. Titelleiste vollständig verbergen
Um einen Kioskmodus oder ähnliches zu erreichen und auch die Auswahl der Taps verschwinden zu lassen, kann der folgende YAML
Code zum eigenen Theme hinzugefügt werden:
### 3. Suche, Assist und Punktmenü entfernen
```yaml
card-mod-theme: THEMENAME
card-mod-root: |
app-toolbar {
display: none;
}
mwc-icon-button[label] {
display: none;
}
ha-icon-button[slot] {
display: none;
}
```
Ab Version 4.0.1 gibt es zusätzlich die Möglichkeit den State `lovelace.0.instances.hideHeader` auf `true` zu setzen, was
### 3. Titelleiste vollständig verbergen
Ab Version 4.0.1 gibt es die Möglichkeit den State `lovelace.0.instances.hideHeader` auf `true` zu setzen, was
(nach einem reload) die Titelleiste bei allen Browsern entfernt. Der State existiert auch für alle Instanzen. Er kann
also auch pro Browser gesetzt werden. Das sollte genutzt werden.
also auch pro Browser gesetzt werden.

### Zu beachten:
* Die Erweiterung [Cardmod](https://github.com/thomasloven/lovelace-card-mod/tree/master) muss installiert sein.
* Dies funktioniert nicht im Edit-Modus. Der richtige Link ist `http://IP:PORT/lovelace/default_view` ohne `?toolbar=true`
* Der Code muss Teil des Themes sein (*Lovelace Instanz -> Einstellungen -> Themen*), also z.B. so:

<details>
<summary>Beispiel Theme</summary>


```yaml
synthwave:
# text
Expand Down Expand Up @@ -166,9 +166,12 @@ synthwave:
card-mod-theme: synthwave
card-mod-root: |
app-toolbar {
display: none;
}
mwc-icon-button[label] {
display: none;
}
ha-icon-button[slot="actionItems"] {
display: none;
}
Expand Down

0 comments on commit 5cdc019

Please sign in to comment.