How'd you arrange the chips at the top so they don't overflow?

TBens / lovelace-ui-minimalist

🌻 Lovelace UI • Minimalist

194 stars 31 forks source link

How'd you arrange the chips at the top so they don't overflow? #7

Open OmgImAlexis opened 3 years ago

OmgImAlexis commented 3 years ago

I feel we need a card to wrap around this that just sets up flex box's wrap feature. Or maybe a card that let's you scroll horizontally without scroll bars. 🤔

OmgImAlexis commented 3 years ago

So adding a bottom margin to the chips, making the first edge have a margin-left: -5px; and setting the horizonatal stack to have flex-wrap: wrap; we end up with this.