![JC Brand](/assets/img/avatar_default.png)
It's now necessary to add a `converse-root` element in the DOM where you want Converse to render (previously it was any element with the id `#conversejs`). Also, turned `converse-chats` element into a Lit element and re-render `converse-root` and `converse-chats` when the `view-mode` or `singleton` settings change. This is a step towards being able to change the view mode on the fly and have the entire chat re-render appropriately. Fixes #2647
17 lines
395 B
SCSS
17 lines
395 B
SCSS
converse-root.converse-js {
|
|
&.converse-fullpage,
|
|
&.converse-overlayed,
|
|
&.converse-mobile {
|
|
bottom: 0;
|
|
height: 100%;
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-right: env(safe-area-inset-right);
|
|
position: fixed;
|
|
z-index: 1031; // One more than bootstrap navbar
|
|
}
|
|
|
|
&.converse-embedded {
|
|
position: relative;
|
|
}
|
|
}
|