Как переопределить стиль flask_admin для всех шаблонов? - PullRequest
Новая
       21

Как переопределить стиль flask_admin для всех шаблонов?

0 голосов
/ 06 мая 2018

Я работаю над простым веб-приложением, а для отображения БД использую модуль Flask_admin . Я хотел бы применить собственный CSS ко всем моим шаблонам, например Пользовательский навар с синей рамкой. Вот так выглядит мой шаблон index.html: 

{% block head %}
    {{ super() }}
.navbar {
  border-color: #019ced;
  border-width: 1px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top: none;
  box-shadow: none;
}
{% endblock %}

Работает нормально, но я бы хотел применить этот пользовательский стиль navbar к всем шаблонам.

Я пытался сделать это, используя master.html 

{% extends 'admin/base.html' %}
{% block head_css %}
{{ super() }}
.navbar {
  border-color: #019ced;
  border-width: 1px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top: none;
  box-shadow: none;
 }
 {% endblock %}

и затем расширение из него в index.html без какого-либо успеха. Я думаю, я мог бы определить пользовательские шаблоны для каждого представления, наследуемого от родительского и переопределить заголовок раздела, в котором я включаю файл CSS с пользовательской панелью навигации, но я ищу более легкий путь.

Пожалуйста, дайте мне знать, как правильно определить, создать и наследовать от базового шаблона, в котором я могу определить свой собственный CSS. Заранее спасибо.

1 Ответ

0 голосов
/ 08 мая 2018

Ваш файл master.html должен выглядеть следующим образом: 

{% extends admin_base_template %}
{% block head_css %}
    {{ super() }}
    <style>
        .navbar {
            border-color: #019ced;
            border-width: 1px;
            border-radius: 0;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            border-top: none;
            box-shadow: none;
        }
    </style>
{% endblock %}
...