Sortie des icone du collapse

templates/navbar.html.twig

@@ -59,38 +59,7 @@
                 </form>
             </li>
         </ul>
-        <ul class="navbar-nav">
-            <li class="nav-item">
-                <a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#modalWindow"><i class="fa fa-info-circle fa-lg text-light nav-link" aria-hidden="true"></i></a>
-            <li>
-        </ul>
-        {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-        <ul class="navbar-nav">
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="navbarHelpDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <i class="fa fa-question-circle fa-lg"></i>
-                </a>
-                <div class="dropdown-menu dropdown-menu-end p-4" aria-labelledby="navbarHelpDropdown" style="width: 400px;">
-                        <p><i class="fa fa-bookmark fa-lg text-primary"></i> : Films que l'on souhaite voir. On les retrouve dans "Liste de mes films"</p>
-                        <p><i class="fa fa-eye fa-lg text-success"></i> : Film qu'on a vu</p>
-                        <p><i class="fa fa-eye-slash fa-lg text-secondary"></i> : Film qu'on n'a pas vu</p>
-                </div>
-            </li>
-        </ul>
-        {% endif %}
-        <ul class="navbar-nav">
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="navbarBellDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <i class="fa fa-bell fa-lg"></i>
-                </a>
-                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarBellDropdown" style="width: 400px;">
-                    <div class="list-group px-4 py-3">
-                        {{ afficheNouveautes() | raw }}
-                    </div>
-                </div>
-            </li>
-        </ul>
-
+        
         {%  if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
             <ul class="navbar-nav">
                 <li class="nav-item"><a class="nav-link" href="{{ path('app_login') }}">Se connecter</a></li>
@@ -111,4 +80,38 @@
             </ul>
         {% endif %}
     </div>
+    {# Icones qui ne sont pas dans le collapse #}
+    <ul class="navbar-nav">
+        <li class="nav-item">
+            <a href="#" class="nav-link me-3" data-bs-toggle="modal" data-bs-target="#modalWindow"><i class="fa fa-info-circle fa-lg text-light" aria-hidden="true"></i></a>
+        <li>
+    </ul>
+    {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
+    <ul class="navbar-nav">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarHelpDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                <i class="fa fa-question-circle fa-lg"></i>
+            </a>
+            <div class="dropdown-menu dropdown-menu-end p-4" aria-labelledby="navbarHelpDropdown" style="width: 400px;">
+                    <p><i class="fa fa-bookmark fa-lg text-primary"></i> : Films que l'on souhaite voir. On les retrouve dans "Liste de mes films"</p>
+                    <p><i class="fa fa-eye fa-lg text-success"></i> : Film qu'on a vu</p>
+                    <p><i class="fa fa-eye-slash fa-lg text-secondary"></i> : Film qu'on n'a pas vu</p>
+            </div>
+        </li>
+    </ul>
+    {% endif %}
+    <ul class="navbar-nav">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarBellDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                <i class="fa fa-bell fa-lg"></i>
+            </a>
+            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarBellDropdown" style="width: 400px;">
+                <div class="list-group px-4 py-3">
+                    {{ afficheNouveautes() | raw }}
+                </div>
+            </div>
+        </li>
+    </ul>
+
+
 </nav>