aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-26 11:04:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add comprehensive list styling for articles

Browse Source 
- Add proper ul/ol styling with disc and decimal markers
- Add 2rem left padding for list indentation
- Add proper spacing between list items (0.375rem)
- Style nested lists with circle (ul) and lower-alpha (ol)
- Reduce margins for nested lists
- Handle paragraphs within list items with reduced margins
- Use zinc-200 color for list items
- Support both markdown and HTML content
This commit is contained in:
Gigi
2025-10-13 23:37:32 +02:00
parent 40ab215c4d
commit 4b95e6c262
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/styles/components/reader.css
View File

@@ -93,6 +93,33 @@
}
.reader-markdown p { margin: 0.5rem 0; }
.reader-html p, .reader-html div, .reader-html span, .reader-html li, .reader-html td, .reader-html th { font-size: 1em !important; }
/* Lists */
.reader-markdown ul, .reader-html ul {
list-style-type: disc;
margin: 1rem 0;
padding-left: 2rem;
}
.reader-markdown ol, .reader-html ol {
list-style-type: decimal;
margin: 1rem 0;
padding-left: 2rem;
}
.reader-markdown li, .reader-html li {
margin: 0.375rem 0;
line-height: 1.6;
color: rgb(228 228 231); /* zinc-200 */
}
.reader-markdown ul ul, .reader-markdown ol ul, .reader-html ul ul, .reader-html ol ul {
list-style-type: circle;
margin: 0.25rem 0;
}
.reader-markdown ul ol, .reader-markdown ol ol, .reader-html ul ol, .reader-html ol ol {
list-style-type: lower-alpha;
margin: 0.25rem 0;
}
.reader-markdown li p, .reader-html li p {
margin: 0.25rem 0;
}
.reader-markdown blockquote, .reader-html blockquote {
margin: 1.5rem 0;
padding-left: 2rem;