From fa42764a4bdef94c71d385e5e5a36684c3bd74c3 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Mon, 16 Dec 2024 07:53:35 -0500
Subject: [PATCH] Automatically hide `[data-toggle-nav]` on desktop view

---
 docs/docs/components/page-samples/documentation.md | 6 ++----
 docs/docs/components/page-samples/media-app.md     | 6 ++----
 src/styles/components/wa-page.css                  | 4 ++++
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/docs/components/page-samples/documentation.md b/docs/docs/components/page-samples/documentation.md
index bfb38c822..3a8a4fcb5 100644
--- a/docs/docs/components/page-samples/documentation.md
+++ b/docs/docs/components/page-samples/documentation.md
@@ -9,9 +9,7 @@ layout: blank
     --menu-width: 15rem;
     --aside-width: 15rem;
   }
-  wa-page[view='desktop'] [data-toggle-nav] {
-    display: none;
-  }
+
   wa-page[view='mobile'] {
     --menu-width: auto;
     --aside-width: auto;
@@ -235,4 +233,4 @@ layout: blank
       <a href="#">Youth Audubon Camps</a>
     </div>
   </footer>
-</wa-page>
\ No newline at end of file
+</wa-page>
diff --git a/docs/docs/components/page-samples/media-app.md b/docs/docs/components/page-samples/media-app.md
index 261ef3214..c59ecd2b1 100644
--- a/docs/docs/components/page-samples/media-app.md
+++ b/docs/docs/components/page-samples/media-app.md
@@ -305,9 +305,7 @@ layout: blank
     --wa-tooltip-arrow-size: 0;
     background-color: var(--wa-color-surface-lowered);
   }
-  wa-page[view='desktop'] [data-toggle-nav] {
-    display: none;
-  }
+
   wa-page[view='mobile'] {
     --menu-width: auto;
   }
@@ -398,4 +396,4 @@ layout: blank
     font-size: 3rem;
     padding: 1.5rem;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/styles/components/wa-page.css b/src/styles/components/wa-page.css
index ff3c5e45f..795d04927 100644
--- a/src/styles/components/wa-page.css
+++ b/src/styles/components/wa-page.css
@@ -13,3 +13,7 @@
 wa-page :is(*, *:after, *:before) {
   scroll-margin-top: var(--scroll-margin-top);
 }
+
+wa-page[view='desktop'] [data-toggle-nav] {
+  display: none;
+}