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.

[Message] - Compact class incompatible with icon class

See original GitHub issue

Steps to Reproduce

Create <div class="ui compact icon message" />

Expected The Message should do be producing an icon message that is compact

Result The compact class is ignored and element is displayed as block (full width)

Testcase (fork this to get started) http://jsfiddle.net/95kzk6mr/1/

Issue Analytics

State:
Created 7 years ago
Reactions:1
Comments:6 (2 by maintainers)

Top GitHub Comments

3reactions

stale[bot]commented, Jun 5, 2018

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

2reactions

designosiscommented, Aug 10, 2017

@jlukic Hey there … ui compact icon message still doesn’t work. See the original Testcase above (http://jsfiddle.net/95kzk6mr/1/), it still renders at 100% width.

Neither 2.2.11 (where the fix was introduced) nor the latest 2.2.13 solve the issue.

I think what’s happening is that .ui.icon.message sets width:100%. So this problem may simply be fixed by adding the following CSS:

.ui.compact.icon.message {
    width: auto;
}

Top Results From Across the Web

Eclipse Repository State Conflict Error - java - Stack Overflow

I had this Repository State: Conflicts message when I was trying to commit after removing all the conflicts. As I couldn't see anything...

Stacking Icons | Font Awesome Docs

To stack multiple icons, use the fa-stack class on the parent HTML element ... You can even throw larger icon classes on the...

Icons found in the Inbox, Message Headers, and Toolbars

These are the icons you may see in your Inbox, Sent folder, and other mail folders, or in the message header in Microsoft...

JDK 8u231 introduces a regression with incompatible handling of ...

JDK-8234466Class loading deadlock involving X509Factory#commitEvent() ... JDK 8u231 introduces a regression with incompatible handling of XML messages.

Common Flutter errors

return Row( children: [ const Icon(Icons.message), Expanded( child: Column( // code omitted ), ), ], ); ... class FirstScreen extends StatelessWidget { const ......