Wagtail CMS 样式覆盖

Question

我目前正在构建 Wagtail 管理员，并且我有一个页面模型，该模型在管理员中通过内联面板呈现一些嵌套模型表单，允许用户添加内容。由于 Wagtail 的刚性模板，我在嵌套模型中的一些字段的详细名称在 UI 中被截断。

因此，我正在尝试覆盖模板中的样式，以使 verbose_names 不再被截断。这里是截止：

在这里它没有被切断：

到目前为止，我已经使用了 wagtail 钩子，特别是 insert_global_admin_css 钩子，但是浏览器返回 404 并且找不到文件。我不知道将文件放在代码库中的哪个位置，以便 Wagtail 拾取它并覆盖默认样式！

我的钩子实现：

@hooks.register('insert_global_admin_css', order=100)
def global_admin_css():
    return format_html(
        '<link rel="stylesheet" type="text/css" href="{}">',
        static('css/admin.css')
    )

然后浏览器中返回的错误：

帮助！ TIA

Answer 1

您没有向我们展示您对 insert_global_admin_css 挂钩的实现——但这是决定您的新 CSS 文件应该放在哪里的代码！

来自我的一个 wagtail 网站的示例：

@hooks.register("insert_global_admin_css", order=100)
def global_admin_css():
    """Add /static/admin_tweaks/wagtail.css."""
    return format_html('<link rel="stylesheet" href="{}">', static("admin_tweaks/wagtail.css"))