-- Like maybe hide them behind something so they don't always take up the space? 🤔
-- Like maybe hide them behind something so they don't always take up the space? 🤔
-- Like maybe hide them behind something so they don't always take up the space? 🤔
-- Like maybe hide them behind something so they don't always take up the space? 🤔
-- Like maybe hide them behind something so they don't always take up the space? 🤔
I would go for putting the filters in an
<aside>-menu and the make it collapsible on mobile. Maybe make a setting for pinning some filters like Mentions entions and then have the other hidden under a "More..."-label
s
.ScollingContainer {
display: flex;
padding: .5em 2em; /* to your liking*/
gap: 1em; /* the gap between the elements */
overflow: auto; /* make it scrollable */
}
Keep in mind that this approach (or the one in the link you found) needs the container to be as wide as the screen if you want is to look nice and not crop on the sides.
The container should be outside any container with the content pushed inside by the same amount as the container, at least on the left.
.filer-nav element from <main> or use some absolute position to make it work. I also seen some implementations with a gradient fade to each side.
Ha! I've just noticed that code blocks already work this way and it got a nice border around it which we could render on mobile
e
Ha! I've just notic that code blocks already work this way and it got a nice border around it which we could render on mobile
Ha I've just notic that code blocks already work this way and it got a nice border around it which we could render on mobile
e
e