Django Admin change page:我怎么能把保存按钮设置在左边,删除按钮在右边?

h43kikqp  于 2023-07-01  发布在  Go
关注(0)|答案(2)|浏览(96)

目前,我使用默认设置。

我怎样才能在不影响移动的css布局的情况下切换保存按钮集和删除按钮的位置(我喜欢保持原样)?最好的方法是什么?
谢谢你!

iih3973s

iih3973s1#

templates/admin/base_site.html中,

{% extends "admin/base_site.html" %}
{% load static %}

{% block extrahead %}
    <link rel="stylesheet" href="{% static 'css/admin/base.css' %}">
{% endblock %}

static/css/admin/base.css中,

.submit-row p.deletelink-box {
    float: right;
}

.submit-row [type=submit] {
    float: left !important;
}

.submit-row [name=_save] {
    margin-left: 0;
}

然后我们将得到

evrscar2

evrscar22#

翻回Django 4.2.x+右侧的保存按钮

对于任何想做相反事情的人(因为Django在4.2.x+中默认更新了Delete和保存的两侧),你可以做以下事情:
更新templates/admin/base_site.html并添加以下行:

.submit-row{
        flex-direction: row-reverse;
    }
    .submit-row a.deletelink {
        margin-left: unset !important;
        margin-right: auto;
    }

这会将Delete翻转回左侧,并再次将Save翻转到右侧
Screenshot in 4.2.2 after adding this CSS

相关问题