Documentation

La zone du header se trouve au sein de la div .chatbot__box__header.
Elle possède un titre <h2> et une zone de recherche de type <input type="text">, qui contient une icône de recherche en SVG (classe : .search-icon).

Pour modifier l'icône, il suffit de la remplacer dans src/app/assets/media/images/.

Une fois arrivé sur le dernier layer de la zone de contenu, le header disparaît totalement, ce qui permet de laisser plus d'espace à l'affichage du contenu.
Une fois retourné sur le layer précédent, il réapparaît automatiquement.

Zone de contenu

Preview

Centre d'aide

Centre d'aide2

Search

Balisage


                
                    <div class="chatbot__box__header">
                        <div class="chatbot__box__header__wrap">
                            <h2 class="title-first">Centre d'aide</h2>
                            <h2 class="title-second hidden-btn-title">Centre d'aide2</h2>
                            <div class="search-form">
                                <div class="search-input-container">
                                    <input class="search-input" type="text" placeholder="Rechercher une aide" name="query"/><img class="search-icon" src="assets/images/search.svg" alt="Search"/>
                                </div>
                            </div>
                        </div>
                    </div>