open source is social v-it.org
Fix mobile nav CSS specificity for sub-nav on explore
The nav{display:none} rule in the mobile media query was catching both
the header nav and the sub-nav. Scope to .header-bar > nav so the
caps/beacons/stats sub-nav stays horizontal on mobile.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+14
-14
+2
-2
build.js
+2
-2
build.js
···
284
284
flex-wrap: wrap;
285
285
}
286
286
287
-
nav {
287
+
.header-bar > nav {
288
288
display: none;
289
289
width: 100%;
290
290
flex-direction: column;
···
292
292
padding-top: 12px;
293
293
}
294
294
295
-
nav.open {
295
+
.header-bar > nav.open {
296
296
display: flex;
297
297
}
298
298
}
+2
-2
docs/architecture/index.html
+2
-2
docs/architecture/index.html
···
194
194
flex-wrap: wrap;
195
195
}
196
196
197
-
nav {
197
+
.header-bar > nav {
198
198
display: none;
199
199
width: 100%;
200
200
flex-direction: column;
···
202
202
padding-top: 12px;
203
203
}
204
204
205
-
nav.open {
205
+
.header-bar > nav.open {
206
206
display: flex;
207
207
}
208
208
}
+2
-2
docs/doctrine/index.html
+2
-2
docs/doctrine/index.html
···
194
194
flex-wrap: wrap;
195
195
}
196
196
197
-
nav {
197
+
.header-bar > nav {
198
198
display: none;
199
199
width: 100%;
200
200
flex-direction: column;
···
202
202
padding-top: 12px;
203
203
}
204
204
205
-
nav.open {
205
+
.header-bar > nav.open {
206
206
display: flex;
207
207
}
208
208
}
+2
-2
docs/index.html
+2
-2
docs/index.html
···
194
194
flex-wrap: wrap;
195
195
}
196
196
197
-
nav {
197
+
.header-bar > nav {
198
198
display: none;
199
199
width: 100%;
200
200
flex-direction: column;
···
202
202
padding-top: 12px;
203
203
}
204
204
205
-
nav.open {
205
+
.header-bar > nav.open {
206
206
display: flex;
207
207
}
208
208
}
+2
-2
docs/start/index.html
+2
-2
docs/start/index.html
···
194
194
flex-wrap: wrap;
195
195
}
196
196
197
-
nav {
197
+
.header-bar > nav {
198
198
display: none;
199
199
width: 100%;
200
200
flex-direction: column;
···
202
202
padding-top: 12px;
203
203
}
204
204
205
-
nav.open {
205
+
.header-bar > nav.open {
206
206
display: flex;
207
207
}
208
208
}
+2
-2
docs/vocab/index.html
+2
-2
docs/vocab/index.html
···
194
194
flex-wrap: wrap;
195
195
}
196
196
197
-
nav {
197
+
.header-bar > nav {
198
198
display: none;
199
199
width: 100%;
200
200
flex-direction: column;
···
202
202
padding-top: 12px;
203
203
}
204
204
205
-
nav.open {
205
+
.header-bar > nav.open {
206
206
display: flex;
207
207
}
208
208
}
+2
-2
explore/public/index.html
+2
-2
explore/public/index.html