Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Card] Icon containing class "card" misbehaves

See original GitHub issue

Steps

<div class="ui link cards">
  <div class="card">
   ...
   <i class="address outline card icon"></i>
  </div>
</div>

Expected Result

Nothing

Actual Result

The card icon has regular ui card css applied to it, cause the selector doesn’t has :not(.icon)

Version

2.3.1 and possibly earlier versions

Testcase

https://jsfiddle.net/wzq0a6ar/4/

Issue Analytics

State:
Created 5 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

2reactions

talha-asadcommented, Apr 5, 2018

I think you did not understand the bug. Everything works for me too, with or without the content class. It’s just that if you hover the icon, it acts like a card too.

0reactions

lubber-decommented, Oct 6, 2022

Fixed in the community fork Fomantic-UI by https://github.com/fomantic/Fomantic-UI/pull/13 See your adjustted jsfiddle here https://jsfiddle.net/lubber/txLg8vw4/

Top Results From Across the Web

Cards - Bootstrap

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background...

Quest with a Misbehave Card "An Interesting Day"

This card represents your Mercs mutinying, and so either you try to talk them down down (hard) or outfight them. Whichever option you...

Card class - material library - Flutter - Dart API docs

A card with a slight shadow, consisting of two rows, one with an icon. This sample shows creation of a Card widget that...

Font Awesome Pseudo element to Bootstrap card-top-img(img ...

It seemed not a pseudo element. div.card-head is I made for that, not the bootstrap's class. – 홍한석. Feb 7, 2018 ...

Bank of america customer service unemployment

Michigan Uia Unemployment Debit Card Customer Service Phone Number If you have ... EDD Bank Of America Login | Online Debit Card |...