How to make Nb-Card scrollable

[shreyshahh]

Issue type

I'm submitting a ... (check one with "x")

• [x ] bug report
• [x] feature request

Issue description

I want a scrollable nb-card, I am using a nb-card in nbdialog box, now when I reduce the browser size the dialog box is there but content is not shown as it is not scrollable, so I have to make the scrollable nb-card when the size of the nb-card is less.

[xuanhungptithcm]

you can add to file css: nb-card or nb-card-body: max-height and overflow-y: scroll,

[shreyshahh]

ok this is working, for vertical scroll only, not for horizontal scroll

[hanalice]

this is working for me, very thanks @xuanhungptithcm

my case is I wrapped nb-card with div which can work but ugly. But if I remove the div and add in css file nb-card {max-height: 60vh, overflow-y: scroll } it works. Thanks again.

[alokraj68]

nb-card-body { max-height: 60vh; overflow-y: scroll; }

This will help anyone who comes in future

[xuanhungptithcm]

thank you for your advice, I'm really like Akveo library

Vào Th 7, 12 thg 3, 2022 vào lúc 04:34 Alok Rajasukumaran < @.***> đã viết:

nb-card-body { max-height: 60vh; overflow-y: scroll; }

This will help anyone who comes in future

— Reply to this email directly, view it on GitHub https://github.com/akveo/nebular/issues/2490#issuecomment-1065547446, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHVDYZHMXA7D2CCCCGJAM23U7O36DANCNFSM4QLPUAFQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you were mentioned.Message ID: @.***>

-- Nguyễn Xuân Hưng

Contact 01657200333

@.***

https://facebook.com/xuanhungptithcm