Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] Adding support for scrollable content #213

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

rs324
Copy link

@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