TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
Stats
  • Total Posts: 196,027
  • Total Topics: 21,334
  • Online today: 519
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 133
  • Total: 133

Bulleted lists in articles?

Started by sremick, February 24, 2019, 05:59:46 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

sremick

Do articles not support bulleted lists?

When I try to make a bulleted list in an article, the displayed version lacks the bullet dots. Bulleted lists work fine in regular posts on my forum.

SMF 2.1 RC1, TP 1.6.2

tino


tino

The SMF css removes the bullet points from UL and LI lists, we need to enable it again on article_inner ul, li lists.


.article_inner ul
{
    list-style: unset !important;
}

@rjen

Seems to be happening on HTML articles only...

I think I remember having some issues with the 2.1 css behaving differently from 2.0 before. Can't recall if I saw this one before...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

lurkalot

Quote from: @rjen on February 24, 2019, 08:26:03 AM

Seems to be happening on HTML articles only...


The BBC article seem to just output the BBCode when I view the article. Looks fine while typing.

The HTML one looks fine while typing but loses the bullets when viewing the article.

We seem to have plagued with the bullets issue ever since we first went responsive. lol.. There's various posts on here about that.

@rjen

I know now :  even before going responsive, when I first installed Illori's TP version for 2.0 this popped up: I applied a css class to my <ul>  elements then to prepare for 2.1 migration...

Mind you: that was years ago now...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

@rjen

Quote from: tino on February 24, 2019, 08:15:39 AM
The SMF css removes the bullet points from UL and LI lists, we need to enable it again on article_inner ul, li lists.


.article_inner ul
{
    list-style: unset !important;
}


testing that, but now I have the problem with <ol>

unsetting the list-style is also unsetting the list-style-type from decimal...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

tino

SMF should really only target the element they want rather than the blanket one... we are limited in what we can do.

@rjen

Well this seems to fix most of it...

.article_inner ul
{
    list-style: unset !important;
}
.article_inner ol
{
    list-style-type: decimal;
}
Running Latest TP on SMF2.1 at: www.fjr-club.nl

@rjen

Quote from: tino on February 24, 2019, 10:32:30 AM
SMF should really only target the element they want rather than the blanket one... we are limited in what we can do.

Illori raised this issue 3 years ago and it was shot down...

https://github.com/SimpleMachines/SMF2.1/issues/3255
Running Latest TP on SMF2.1 at: www.fjr-club.nl

This website is proudly hosted on Crocweb Cloud Website Hosting.