I have two shell panels for each side of the app. I'd like to use the end panel with an adjustable height.
So the script is like this:
<calcite-shell content-behind>
<calcite-shell-panel slot="panel-start" collapsed id="shell-panel-start" position="start" width-scale="l" display-mode="dock">
----
-----
</calcite-shell-panel>
<calcite-shell-panel slot="panel-end" position="end" resizable width-scale="l" display-mode="float">
<div style="height:500px"><p>THis is a test</p></div>
</calcite-shell-panel>
</calcite-shell>
https://codepen.io/lkoumis1/pen/BaGJeaK
In addition, I'd like to use the the features widget and see the popup in the start panel without overlapping the map. Thanks to @KittyHurley I was informed to see the popup without overlapping the map, I will need to remove the content-behind from the calcite-shell.
However, when I remove content-behind, the end panel height changes to 100% even though it is set to display-mode to "float"
Suggestions?
@KittyHurley @BenElan