Question2 - Unordered list and square/circle rendering

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Question2 - Unordered list and square/circle rendering

ch007m
Hi,

1) Is it possible to define globally that any unordered list of a asciidoc document having the level '*' should be a square symbol and the level '**' a circle, '***' a disk to avoid to add [square] or [circle] roles for each item of a list (see example hereafter) ?

2) Do we have a bug with asciidoctor CSS stylesheet  as this list

[square]
* Introduction
[circle]
** Camel & Integration Framework
[circle]
** Social Network Hype
[circle]
** What Camel can offer
[circle]
** Problems solved

[square]
* Components
[circle]
** FaceBook
[circle]
** Tweeter
[circle]
** Others (DropBox, Yammer, GMail)

is rendered correctly in HTML (see ulist circle or ulist square) but in the browser all the bullets are square rendered

            <div class="ulist square">
                <ul class="square">
                    <li><p>Introduction</p>
                        <div class="ulist circle">
                            <ul class="circle">
                                <li><p>Camel &amp; Integration Framework</p></li>
                                <li><p>Social Network Hype</p></li>
                                <li><p>What Camel can offer</p></li>
                                <li><p>Problems solved</p></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="ulist square">
                <ul class="square">
                    <li><p>Components</p>
                        <div class="ulist circle">
                            <ul class="circle">
                                <li><p>FaceBook</p></li>
                                <li><p>Tweeter</p></li>
                                <li><p>Others (DropBox, Yammer, GMail)</p></li>
                            </ul>
                        </div>
                    </li>
                    <li><p>Demo &amp; Conclusion</p></li>
                </ul>
            </div>

Version used :  0.1.4

Regards,
Charles Moulliard
Apache Committer / Technologist Evangelist / Blogger / MiddleWare Specialist
Twitter : @cmoulliard
Reply | Threaded
Open this post in threaded view
|

Re: Question2 - Unordered list and square/circle rendering

ch007m
Trick found is to use this CSS

ul li {list-style-type:square;}
ul li li {list-style-type:disc;}
ul li li li {list-style-type:circle;}

So that avoid to define [square] or [circle] for each item and solve issue that we have here as we have nested lists
Charles Moulliard
Apache Committer / Technologist Evangelist / Blogger / MiddleWare Specialist
Twitter : @cmoulliard