diff --git a/static/style.css b/static/style.css index 9f5dad8b..8e048fdc 100644 --- a/static/style.css +++ b/static/style.css @@ -20,6 +20,15 @@ input[type=checkbox]{ width:auto; margin-top:6px; } les rattacher au thème sombre. */ .topbar{ border-bottom:1px solid var(--border); } .breadcrumbBar{ padding:10px 20px; background:transparent; border-bottom:1px solid var(--border); margin-bottom:0; } + +/* Barre de navigation d'UN JEU (voir base.html) — toujours visible entre + les différents éditeurs d'un même jeu, en ligne (contrairement à + .navList/.navRow ci-dessous, empilés verticalement dans le panneau + "Créer" du tableau de bord). */ +.gameNavBar{ display:flex; flex-wrap:wrap; gap:6px; padding:8px 20px; background:transparent; border-bottom:1px solid var(--border); } +.gameNavLink{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--border); border-radius:6px; background:var(--panel); text-decoration:none; color:var(--text); font-size:12.5px; } +.gameNavLink:hover{ background:var(--panel2); border-color:var(--accent); } +.gameNavLink.active{ background:var(--panel2); border-color:var(--accent); color:var(--accent); } .content{ max-width:760px; margin:0 auto; padding:28px 20px; } .card{ border:1px solid var(--border); border-radius:10px; padding:16px; background:var(--panel); margin:12px 0; } @@ -96,7 +105,7 @@ button.danger{ color:var(--danger); border-color:rgba(226,104,95,.4); } a beaucoup de champs, pour garder une vue d'ensemble sans perdre le formulaire "Ajouter un champ" hors de l'écran. */ body.objectEditBody{ display:flex; flex-direction:column; height:100vh; margin:0; overflow:hidden; } -body.objectEditBody > .topbar, body.objectEditBody > .breadcrumbBar{ flex:0 0 auto; } +body.objectEditBody > .topbar, body.objectEditBody > .gameNavBar, body.objectEditBody > .breadcrumbBar{ flex:0 0 auto; } body.objectEditBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; } .content-objectEdit{ width:100%; display:flex; flex-direction:column; min-height:0; } @@ -131,7 +140,7 @@ body.objectEditBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden ce sont les zones internes (panneaux, écran, panneau de logique) qui défilent chacune de leur côté si besoin. */ body.builderBody{ display:flex; flex-direction:column; height:100vh; margin:0; overflow:hidden; } -body.builderBody > .topbar, body.builderBody > .breadcrumbBar{ flex:0 0 auto; } +body.builderBody > .topbar, body.builderBody > .gameNavBar, body.builderBody > .breadcrumbBar{ flex:0 0 auto; } body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; } .content-builder{ diff --git a/templates/base.html b/templates/base.html index 7bdd0a15..594a1966 100644 --- a/templates/base.html +++ b/templates/base.html @@ -14,6 +14,23 @@ 🛠️ Forge Engine +{% if game is defined and game %} + + +{% endif %} {% block breadcrumb_wrap %}