Configuration du point de rupture de la navbar à 992px #63

src/app.py

@@ -95,12 +95,14 @@ navbar = dbc.Navbar(
                 ],
                 style={"min-width": "230px"},
             ),
-            dbc.NavItem(
+            dbc.Nav(
-                [dcc.Markdown(os.getenv("ANNOUNCEMENTS"), id="announcements")],
+                children=[dcc.Markdown(os.getenv("ANNOUNCEMENTS"), id="announcements")],
                 style={
                     "max-width": "1200px",
                     "display": "inline-block",
                 },
+                navbar=True,
+                id="announcements-nav",
             ),
             dbc.NavbarToggler(id="navbar-toggler"),
             dbc.Collapse(
@@ -127,7 +129,7 @@ navbar = dbc.Navbar(
     color="light",
     dark=False,
     className="mb-4",
-    expand="md",
+    expand="lg",
 )
 
 app.layout = html.Div(

src/assets/style.css

@@ -247,3 +247,9 @@ summary > h3 {
   grid-column: 1/3;
   grid-row: 3;
 }
+
+@media (max-width: 992px) {
+  #announcements-nav {
+    display: none !important;
+  }
+}