Hi,
I'm making a webmap and am running into an issue. I'm using a LayerList to produce a legend for my maps and have it inside of a container. The title for the things in the legend are written vertically
l
i
k
e
t
h
i
s
and is then stacking horizontally next to each other. I want to get these to instead stack vertically down? I've never had this problem before but have also never used a container with LayerList before. Snippets of relevant code are included below:
...
#titleLegend{
float: left;
height: 31px;
width: 15%;
height: 31px;
background color: black;
color: white;
font-weight:400;
font-size:25px
}
...
const legend = new LayerList({
container:"legendDiv",
view: view,
listItemCreatedFunction: function(event){
const item = event.item;
if (item.layer.type !=="group") {
item.panel = {
content: "legend",
open: true
};
}
}
});
