Skip to content

Commit 8a8355b

Browse files
committed
#3414 webpage: allow full width on concept page
Signed-off-by: Patrizio Bekerle <[email protected]>
1 parent 057b747 commit 8a8355b

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

webpage/src/getting-started/concept.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
# Concept
22

3-
<style scoped>
3+
<style>
44
/* Remove max-width for content so there is enough space for the Mermaid diagram */
5-
/* We need "scoped" or this will leak to all other pages! */
6-
/* We need "main" to be more specific than the default style */
7-
main .theme-default-content:not(.custom) {
8-
max-width: none;
5+
/* This targets the VuePress content container on this page only using :has() */
6+
body:has(.concept-page-marker) main.vp-page > div {
7+
max-width: none !important;
98
}
109
</style>
1110

11+
<div class="concept-page-marker" style="display: none;"></div>
12+
1213
```mermaid
1314
graph TB
1415
subgraph Your computer

0 commit comments

Comments
 (0)