Calcite-components: Bug: calcite-shell-panel - header slot messes up fab button

[AdelheidF]

Summary

Might have started with beta.51.

The "header" in the calcite-shell-panel that the layerSwitcher is in, it pushes everything down.

Actual Behavior

Expected Behavior

Reproduction Steps

1.

Relevant Info

[asangma]

@AdelheidF A simple fix I found was to set overflow:hidden on your component, e.g. on arcgis-filter.

I can add a style for a slotted calcite-panel or calcite-flow, but I would be reluctant to do a wildcard * selector.
I could maybe do a [class^="arcgis-"] to target our micro apps...?

cc @driskull @jcfranco @paulcpederson

[driskull]

I could maybe do a [class^="arcgis-"] to target our micro apps...?

Probably not a good idea.

[asangma]

~I think apply overflow:hidden to any of the arcgis-[your component name] elements.
This would apply to Popup config, etc. as well. (Can't seem to get Dhrumil's handle to appear here).~

~Charts would need to do something similar, but there seems to be other things happening with that mico-app.~

[asangma]

I'll keep trying other things in the meantime.

[asangma]

Update: hold off on adding the overflow:hidden. I'll try to find another way that doesn't require that. If I can't soon, you'll have to add it.

[asangma]

@AdelheidF Installed.

You can ignore the overflow suggestion earlier.
If you see a lack of a scrollbar where there should be one, try setting height:100% on things.

If a Panel or Flow is placed directly into the default slot, it should work as-is.
For anything else, you'll probably need to put height: 100% on it.
This includes a Panel inside something else, e.g. arcgis-[some thing] > calcite-panel.

[AdelheidF]

looks good with next.123