django admin override css for inline model

Question

I'm using https://github.com/s-block/django-nested-inline with something like this:

class C(NestedStackedInline):
    model = C
    max_num = 1
    fk_name = 'B'

    class Media:
        css = {
             'all': ('/static/admin/css/forms-nested.css',)
        }


class B(NestedStackedInline):
    model = B

    class Media:
        css = {
             'all': ('/static/admin/css/forms-nested2.css',)
        }

    inlines = [C]


class A(NestedModelAdmin):
    model = A
    inlines = [B]

forms-nested.css is:

.inline-related h3 {
    margin: 0;
    color: #666;
    padding: 3px 5px;
    font-size: 11px;
    background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
    border-bottom: 1px solid #ddd;
}

and forms-nested2.css is:

.inline-related h3 {
    margin: 0;
    color: #484846;
    padding: 3px 5px;
    font-size: 11px;
    background: #D9DBCB;
    border-bottom: 1px solid #ddd;
}

Essentially I'm trying to have model-specific CSS for nested inlines. I want class C (the 2nd level inline) to have different h3 styling to class B (the 1st level inline). However class C's Media seems to override class B.

Is there any way to do this ?

Thanks

GwynBleidD · Accepted Answer · 2015-02-15 11:45:53Z

2

It's not like C's media is overriding B's media. They both appear in your admin page, but...

CSS of C's media is overriting CSS of B's media. Because this is how CSS works. Try to change forms-nested.css to have this:

.inline-related .inline-related h3 {

That will only style nested .inline-related h3.

answered Feb 15, 2015 at 11:45

GwynBleidD

20.6k5 gold badges51 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

django admin override css for inline model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related