marlenesco / material-cards Goto Github PK

I'm using React and I had to change the flip icons from a to button to avoid the href error``.
The flip buttons work on localhost but the cards to not flip on my deployed site. I also noticed that the .click on the `.material-card` has a strikethrough.

Hi,
i used these cards in my angular application...

it works fine but there is a problem with the sizes of cards... i will attach a screenshot
could you please help me where the problem could be.
thank you in advance

For bootstrap 4 we have to replace img-responsive to img-fluid since after bootstrap 4 they have change img-responsive to img-fluid.
Just a heads up.

I'm trying to use the cards to represent profiles that are dynamically loaded after the page is done loading. The cards work the first time (although they are out of place) but once I refresh the list, the cards appear correctly but do not respond to any interaction. After some debugging, I was able to confirm that the issue only occurs after I refresh the container.

The cards work fine if they are statically placed on the page. Perhaps it has something to do with the refresh? In order to re-add elements, I clear all of them beforehand. I don't know if that could be it.

Any tips or ideas would be appreciated. Thanks a bunch!

Update: I was able to get them to work by calling on the cards to close after being added.

Thank you for making a fantastic plugin. I am having trouble determining what CSS modifications I need in order to make .mc-description full height on large screens, to match the way it behaves on small screens.

Currently, if the description text is too long, it simply gets cut off. I have used overflow: scroll as a temporary solution, but what I'd really like is for the card to adjust its height to match any length of description text. I will couple that with a masonry layout.

Could you please help me determine what CSS changes I need to make in order to get the height of .mc-description to adjust dynamically to the text inside?

Thanks again!

• When I hit the toggle button the image doesn’t shrink to be a small icon on the left top like in the demo.
• One more thing, when I compiled the less file, some lines in the css file stile underlined red as if something wrong in the copiled file. The overall, is the cards working well except for the image doesn’t get shrinked to be like an icon image in the top left corner of the card.
  Below are two cards one before I hit the toggle button and the second one After.
  

Thanks again for your help with my previous issue! I've been struggling for over a week to get material-cards to work well with the Masonry layout plugin, found at: http://masonry.desandro.com/.

This is probably not any sort of problem with your wonderful work, but rather something I'm doing incorrectly when integrating with Masonry. Nevertheless, I wonder if you'd be able to help.

The issue is that cards appear extremely tall and empty, so that they push down other cards. They also overlap other cards when opened.

I'm attaching a screencast to demonstrate the problem.

Problem With Masonry.mp4.zip

Would you mind taking a look and letting me know if you have any suggestions? You can check out live HTML at http://KoreanBeauty.online, which is a previous version of what I was working on before integrating with Masonry.

Hello,

I want to use MaterializeCSS instead of Bootstrap, but I want to know if this template is compatible with it.