Michilis/Spanglish
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

fix(legal): align bullet list markers with list text

Browse Source 
Use list-outside and left padding so ReactMarkdown and TipTap list items render markers beside text instead of on separate lines.
This commit is contained in:
Michilis
2026-06-04 22:58:31 +00:00
parent 0f7573c934
commit ecd2a7d009
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/globals.css
View File

@@ -127,11 +127,11 @@
} }
.ProseMirror ul { .ProseMirror ul {
@apply list-disc list-inside my-3; @apply list-disc list-outside pl-6 my-3;
} }
.ProseMirror ol { .ProseMirror ol {
@apply list-decimal list-inside my-3; @apply list-decimal list-outside pl-6 my-3;
} }
.ProseMirror li { .ProseMirror li {

4
frontend/src/components/layout/LegalPageLayout.tsx
View File

@@ -127,12 +127,12 @@ export default function LegalPageLayout({
), ),
// Style lists // Style lists
ul: ({ children }) => ( ul: ({ children }) => (
<ul className="list-disc list-inside space-y-2 mb-4 text-gray-700 ml-4"> <ul className="list-disc list-outside space-y-2 mb-4 text-gray-700 pl-6">
{children} {children}
</ul> </ul>
), ),
ol: ({ children }) => ( ol: ({ children }) => (
<ol className="list-decimal list-inside space-y-2 mb-4 text-gray-700 ml-4"> <ol className="list-decimal list-outside space-y-2 mb-4 text-gray-700 pl-6">
{children} {children}
</ol> </ol>
), ),