Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

How to get DETAILS arrow to display?

Sorry to ask such a basic question, and I hope this is the correct forum to ask it in, but I don't seem to be grasping how to force the <details> arrow to display again in my custom character sheet. I read in the wiki and the forums that since it was been set to "block" the arrows do not appear. I see in the wiki it says to " set it to  display:inline-item;  or  display:revert;  to make it show again" but I have tried multiple guesses on how "exactly" to do that, and I also tried "display:list-item;" as well. I have not figured out the correct way to do it. What is the proper way to add this to my css? Thanks for your help, really appreciate it. If you want more information, f or example, I think I've tried all these combinations in the CSS section... .charsheet details {display:inline-item;} [also tried list-item and revert}  (nope) details  {display:inline-item;} [also tried list-item and revert}  (nope) I've tried identifying my <details> by class... .skill_description  {display:inline-item;} [also tried list-item and revert}  (nope) .charsheet .skill_description  {display:inline-item;} [also tried list-item and revert}  (nope) .charsheet .skill_description details  {display:inline-item;} [also tried list-item and revert}  (nope) and I've tried adding an inline style to the <details> element itself in the HTML, no joy. <details class="skill_description" style="display:  [tried inline-item, list-item, revert];">  (nope)
1645464303

Edited 1645464361
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
display: inline-item; isn't a valid css property value. display: revert; or display: list-item; works, but you need to apply it to the summary element and need to have the right specificity. Without any other css, all you need is this: summary { display: list-item; }
ah ha! It's the summary I need to target, not the details! Cool cool. Thank you. The wiki might need to be fixed, as it is the place that says to use "inline-item". For non-coders, adding that it is the summary would certainly have helped in my case. Not sure who updates those things. " Roll20 applies some default styling that hides the normal open/closed arrow/triangle for&nbsp; &lt;details&gt; . set it to&nbsp; display:inline-item; &nbsp;or&nbsp; display:revert; &nbsp;to make it show again" <a href="https://wiki.roll20.net/Character_Sheet_Enhancement#.3Cdetails.3E" rel="nofollow">https://wiki.roll20.net/Character_Sheet_Enhancement#.3Cdetails.3E</a>
1645465421

Edited 1645465617
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
Thanks for the link, I couldn't find the blurb on that when I was looking. Gonna update it. EDIT: Updated the wiki
That's perfect, even I would have gotten that one right on the first try, lol. Thanks a ton.
1645732770
Andreas J.
Forum Champion
Sheet Author
Translator
Not sure who updates those things. It's a wiki , so it's exactly as well or poorly maintained as people deciding to help with it. The more people contribute, the better it covers things, and avoids blind-spots or shortcomings of individual people contributing to it.