search

akveo / nebular

:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/nebular
MIT License
8.05k stars 1.51k forks source link

Feature: NbCard elevation (elevation) #2039

Open dimmalo opened 4 years ago

dimmalo commented 4 years ago

Issue type

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

Issue description

Current behavior: Currently it is not possible to set NbCard shadow via a parameter and NbCards within cards will always have the same shadow, resulting in a weird visual experience because they will display the same "elevation".

Expected behavior: By setting the elevation:number parameter on nb-card element, users will be able to manage the NbCard shadow and create consistent elevated structures.

Steps to reproduce: Nest a NbCard within a NbCard to check or components using NbCards.

Related code: A similar parameter like the current "size" could help set the NbCard elevation, simply rendering the related bootstrap 4 shadow class: https://getbootstrap.com/docs/4.3/utilities/shadows/

I am happy to go ahead with the required PR if this gets the go ahead.

eshaan7 commented 4 years ago

Could be really useful. In my application, I have too many nested cards.

PS: I'd like to add here that prior to v4.6.0 the NbCard was somewhat elevated itself, right ? But from v.5.0, I think they have removed that elevation.