Skip to content

[Feature] Adding support for scrollable content#213

Open
rs324 wants to merge 2 commits into
thomasloven:masterfrom
rs324:scrollable-support
Open

[Feature] Adding support for scrollable content#213
rs324 wants to merge 2 commits into
thomasloven:masterfrom
rs324:scrollable-support

Conversation

@rs324
Copy link
Copy Markdown

@rs324 rs324 commented Sep 30, 2022

Hi everyone,
I wanted to add the ability to scroll-x the content of the cards same as i have in my car (inspiration), this way i can stack a multiple rooms together and and scroll up and down each room.

Having scrollable content makes me feel like more native flow then clicking on multiple tabs.

How does it work ?
on column based layout add the following config:

scrollable: true max_cols: XX // its will calculate width * max cols to determine the size of scroll width: 350px // just example or it will be using the default of 300px

What if i don't want same size cols ?
just use the column_widths property.

Full config example :
`
width: 350
max_cols: 5
margin: 10px 20px;
padding: 10px
scrollable: true
max_width: 700
column_widths: 350px 700px 350px 350px

`

Inspiration :

photo_2022-09-27_20-56-09

Final result :

photo_2022-09-30_22-38-23

photo_2022-09-30_22-39-21

Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant