search

Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.12k stars 4.94k forks source link

[List] Celled List Should Not Prevent Dividers in Sublists #5143

Open ostrowr opened 7 years ago

ostrowr commented 7 years ago

Within a ui.divided.list, you can style sublists to your heart's content.

Within a ui.celled.list, however, dividers disappear in the sublists.

The following example does not behave as I would expect, but replacing ui.celled.list with ui.divided.list at the root does:

<div class="ui celled list">
  <div class="item">
    <div class="ui celled horizontal list">
      <div class="item">About Us</div>
      <div class="item">Contact</div>
      <div class="item">Support</div>
    </div>
  </div>
  <div class="item">
    <div class="ui divided horizontal list">
      <div class="item">About Us</div>
      <div class="item">Contact</div>
      <div class="item">Support</div>
    </div>
  </div>
</div>

jsfiddle showing bug

Bad (ui.celled.list):

screen shot 2017-03-09 at 2 46 59 pm

Good (ui.divided.list):

screen shot 2017-03-09 at 2 48 32 pm
stale[bot] commented 6 years ago

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!