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"))