Skip to content

Basic ul and ol style can be overriden and blanked out #1505

Open
@DrLightman

Description

@DrLightman

Thanks for your editor!

Not sure if an issue with Trumbo, but using it in a project which uses Tailwindcss, the lists are not styled, because TW resets them.

Image

Adding the styles by myself such these, fixes it:

.trumbowyg-editor {
    ul, ol { 
        display: block;
        list-style: disc outside none;
        margin: 1em 0;
        padding: 0 0 0 30px;
    }
    ol { 
        list-style-type: decimal;
    }
    
    li { 
        display: list-item;
    }
    
    ul ul, ol ul {
        list-style-type: circle;
        margin-left: 15px; 
    }
    ol ol, ul ol { 
        list-style-type: lower-latin;
        margin-left: 15px; 
    }
}

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions