更改索纳塔管理bundleCSS的正确方法

Question

我将Sonata管理捆绑包与它自己的引导程序文件一起使用。我是少的新手，但我想我明白它的作用。

所以，现在我想更改奏鸣曲管理员的主链接颜色（@brand-primary variables.less）。我应该如何以及在哪里执行此操作？

我们都同意它不应该在供应商文件夹中更改，也不应该在已安装的资产中更改。我应该在哪里编译它？

我在这里有点迷茫，任何帮助将不胜感激！

Answer 1

如果您需要更改 Sonata 管理员中每个页面的 css，那么您可以像这样覆盖默认模板（布局）：

配置.yml

sonata_admin:
    templates:
       //path to new layout
       layout: 'YourBundle:Admin:layout.html.twig'

您的捆绑包：管理员：布局.html.twig

{% extends 'SonataAdminBundle::standard_layout.html.twig' %}

//override stylesheets here, or rewrite css if you need
{% block stylesheets %}
    //if you call {{ parent() }},  it will load all sonata css for admin layout
    {{ parent() }}
    {% stylesheets'bundles/bundle/less/layout.css' %}
    <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}

Answer 2

您可以在所有管理模板中添加新的样式表并覆盖所需的属性，而无需通过配置assets重新定义标准布局：

sonata_admin:
    assets:
        extra_stylesheets:
            - build/admin/css/new.css # your css-file to add

它旨在首先包含默认的css文件，然后才从上面的配置中添加额外的附加样式表。因此，您的属性应以级联方式覆盖供应商属性。但这是供应商的逻辑，可以随时更改，所以我不会依赖它。相反，删除默认的Sonata css文件可能是个好主意：

sonata_admin:
    assets:
        remove_stylesheets:
            - bundles/sonataadmin/css/old.css # vendor's css-file to remove