asciidoctor-skins icon indicating copy to clipboard operation
asciidoctor-skins copied to clipboard

[%collapsible] in Adoc-github is missing the arrow

Open janderssonse opened this issue 3 years ago • 1 comments

[%collapsible] in Adoc-github is missing the arrow which makes it very hard/unusable to see the collipsible text

Seen an example of how it looks like in the regular skin. https://blog.mrhaki.com/2019/03/awesome-asciidoctor-collapsible-content.html

Would it be possible to add this?

BTW Thanks for a great project.

janderssonse avatar Mar 10 '21 11:03 janderssonse

I found the same in adoc-golo, and copied in the 'details' lines from another style to the end to get the arrow back:

details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
details>summary:first-of-type{cursor:pointer;display:list-item;outline:none;margin-bottom:.75em}
#header .details{border-bottom:1px solid #dddddf;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}
#header .details span:first-child{margin-left:-.125em}
#header .details span.email a{color:rgba(0,0,0,.85)}
#header .details br{display:none}
#header .details br+span::before{content:"\00a0\2013\00a0"}
#header .details br+span.author::before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
#header .details br+span#revremark::before{content:"\00a0|\00a0"}
body.book #header .details{border:0!important;display:block;padding:0!important}
body.book #header .details span:first-child{margin-left:0!important}
body.book #header .details br{display:block}
body.book #header .details br+span::before{content:none!important}

ghost avatar May 03 '21 00:05 ghost