Hello,
I have found recommended solution:
ol {
counter-reset: item;
}
ol li {
display: block;
position: relative;
}
ol li:before {
content: counters(item, ".")".";
counter-increment: item;
position: absolute;
margin-right: 100%;
right: 10px; /* space between number and text */
}
It works but... very big BUT...
it breaks confluence pages on many places, some examples:
1) broken breadcrumbs navigation
How about doing it with a user macro? Then you can contain the scope. Something like this should work. It will not look the way you want in edit mode, but it will look the way you want in view mode and it should only be scoped to what is in the user macro.
Maco Name:
nested_number_list
Macro Title:
Nested Number List
Macro Body Processing:
Rendered
Template:
## Developed by: Davin Studer ## Date created: 07/01/2019 ## @noparams #set( $id = $action.dateFormatter.calendar.timeInMillis ) <style type="text/css"> /*<![CDATA[*/ #nested-list-$id ol { counter-reset: item; } #nested-list-$id ol li { display: block; position: relative; } #nested-list-$id ol li:before { content: counters(item, ".")"."; counter-increment: item; position: absolute; margin-right: 100%; right: 10px; /* space between number and text */ } /*]]>*/ </style> <div id="nested-list-$id">$!body</div>
Online forums and learning are now in one easy-to-use experience.
By continuing, you accept the updated Community Terms of Use and acknowledge the Privacy Policy. Your public name, photo, and achievements may be publicly visible and available in search engines.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.