Opened 9 years ago

Closed 9 years ago

#25870 closed Bug (worksforme)

Wrong position of Action button in admin when using filters

Reported by: Igor Koshkarov Owned by: nobody
Component: contrib.admin Version: 1.9
Severity: Normal Keywords: action button
Cc: elky Triage Stage: Accepted
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: yes UI/UX: yes

Description

While using filters, the Action button is beind placed over the select field.
See screenshot, please.
To avoid this misbehavior I'd suggest to change the line 320 in the file django/contrib/admin/static/admin/css/changelists.css by commenting it.
"inline-block" in this case seems works badly.

319 #changelist .actions label {
320   /*  display: inline-block; */
321     vertical-align: middle;
322     font-size: 13px;
323 }

Thank you!

Attachments (2)

Screen Shot 2015-12-05 at 21.44.29.png (20.6 KB ) - added by Igor Koshkarov 9 years ago.
after_commenting.png (20.7 KB ) - added by Igor Koshkarov 9 years ago.

Download all attachments as: .zip

Change History (8)

by Igor Koshkarov, 9 years ago

by Igor Koshkarov, 9 years ago

Attachment: after_commenting.png added

comment:1 by Tim Graham, 9 years ago

Cc: elky added
Triage Stage: UnreviewedAccepted

elky, can you check it? That line seems to from django-flat-theme.

in reply to:  description ; comment:2 by elky, 9 years ago

Replying to igorcc:
Can you provide more info please? Browser and OS.
Are you 100% sure that any 3rd party app doesn't override this styles?

in reply to:  2 comment:3 by Igor Koshkarov, 9 years ago

Replying to elky:

Replying to igorcc:
Can you provide more info please? Browser and OS.
Are you 100% sure that any 3rd party app doesn't override this styles?

I'm using Firefox 42.0 along with iOS 10.9.5.
Before I submitted a bug a tested it in Safari 9.0.1 and last Chrome.
The misbehaviour was the same in every browser.
I suppose it's because that the length of an action button with Russian word is quite long.
Anyway, commenting the line "display: inline-block;" out works fine for me.

Hope that helps.
Thank you!

comment:4 by elky, 9 years ago

Can't reproduce it.

Could you try to test it on fully clean Django project? (without any other apps)

comment:5 by Igor Koshkarov, 9 years ago

Clean app works fine.
I rummaged over the html code and found that an old bootstrap 2 css file flows in there.
When I remove it from code everything works fine. Except our custom widgets. ;-)
That's our fault.
Thank you!

comment:6 by Claude Paroz, 9 years ago

Resolution: worksforme
Status: newclosed
Note: See TracTickets for help on using tickets.
Back to Top