Refonte Sites Satellites - Développements spécifiques

Styles spécifiques

Pour réaliser des styles spécifique à un domaine il faut renseigner le type de contenu "Accueil / Parametres" correpondant.

Les champs sont dans l'onglet "Style"

A chaque ajout dans ce champ il faudra aller modifier la vue CSS

Cette vue à partir des champs représentant des propriétés construit des balises CSS du type :

h1{
    color:#123456;
    font-size:17px;
}

Cette vue est ensuite insérée dans le template /themes/custom/antigone/templates/system/html.html.twig entre 2 balises <style> :

<head>
[...]
    <style>
      {{ drupal_view('css', 'global') }}
      </style>
</head>

Pour que le CSS s'affiche et fonctionne il a fallu enlever tous les <div> qui sont ajoutés par Drupal lorsqu'il affiche des vues, outre le fait qu'on a enlevé toutes les classes possibles dans la construction de la vue, il a fallu également modifier 3 templates :

Le template spécifique /themes/custom/antigone/templates/views/views-view--css.html.twig qui est réduit à sa plus simple expression :

  {% if rows %}
      {{ rows }}
  {% elseif empty %}
      {{ empty }}
  {% endif %}

le template de base /themes/custom/antigone/templates/views/views-view-unformatted.html.twig issu du thème parent Bootsrap, à vérifier qu'il n'y a pas d'effet de bord :

{% for row in rows %}
    {{- row.content -}}
{% endfor %}

Le template système /themes/custom/antigone/templates/system/container.html.twig, là encore à vérifier même si on a jouté une condition pour sortir du comportement normal

{% if attributes.hasClass('views-element-container') %}
    {{ children }}
{% else %}
    <div{{ attributes.addClass(classes) }}>{{ children }}</div>   
{% endif %}