nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Extra white space in LayerList widget

Aeseir

Is is possible to remove excessive whitespace in LayerList widget when you have selectionEnabled as true?

Only happens when group layer is empty and selectionEnabled is true.

Example codepen.

Visual example:

タグ付けされた投稿をもっと見る

Accepted answers

Sage_Wall

I've been looking into this and you might be able to add this css style to remove it but I'm not sure if it would cause issues elsewhere without further testing.

https://codepen.io/sagewall/pen/qBQEQzd

    .esri-layer-list__list:empty {
      min-height: 0px;
    }

All comments

Aeseir

Not a problem. In that case recommend making it clearly visible with additional markers (e.g. dotted border or such) as some of our less visibly capable users struggle to differentiate what the white space refers to.

Thanks again for the support.

Sage_Wall

Thanks for the suggestion. The extra white space is intended to indicate that a layer can be dragged into the group layer, but the design can certainly be improved. Appreciate you pointing this out.

Aeseir

This works, tested it before and haven't found any issues....yet.

If your team wants visible white space to indicate a "landing" spot when user drags the content you can also handle it this way:

.esri-layer-list__list:empty {
      min-height: 0px;
}

.esri-layer-list__item:hover > .esri-layer-list__list{
      min-height: 48px;
}

Aeseir

I am not fussed one way of the other, let me know what is easier for you.

Sage_Wall

I've been looking into this and you might be able to add this css style to remove it but I'm not sure if it would cause issues elsewhere without further testing.

https://codepen.io/sagewall/pen/qBQEQzd

    .esri-layer-list__list:empty {
      min-height: 0px;
    }

Sage_Wall

Thanks for point this out @Aeseir it looks like a bug to me. I can create an internal issue. If you want to keep track of it you could submit a bug though support and you'll get updates.

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.