` component wraps the code with a \"position: relative\" styled div. \r\n\r\n\u003Cimg width=\"656\" alt=\"Screenshot 2023-07-30 at 9 43 37 PM\" src=\"https://github.com/vuejs/vitepress/assets/90354202/a7f83520-edc3-415d-b851-2487693e1ba9\">\r\n\r\n\r\n### Reproduction\r\n\r\nThe \u003CContent /> component wraps the code with a \"position: relative\" styled div. \r\n\r\n### Expected behavior\r\n\r\nThere is no documentation on how to disable that from happening and it shouldn't do that in the first place anyway. \r\n\r\n### System Info\r\n\r\n```sh\r\nv1.0.0-beta.7\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2941],{"name":2866,"color":2867},2712,"The \u003CContent /> component wraps the code with a \"position: relative\" styled div.","2023-08-11T00:04:38Z","https://github.com/vuejs/vitepress/issues/2712",0.7094322,{"description":2948,"labels":2949,"number":2951,"owner":2869,"repository":2870,"state":2895,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Describe the bug\r\n\r\nWhile scrolling long pages with disabled sidebar, the header shows just a border with the color of --vp-c-gutter.\r\n\r\nOther pages with sidebar uses a curtain to smoothly soft the edge.\r\n\r\nThis inkonsistent usage of scrolling directly feels strange. Maybe not notices so far, because Vitepress site does not seem to have page without sidebar.\r\n\r\n### Reproduction\r\n\r\nJust use a long page and add the following frontmatter to it\r\n\r\n---\r\naside: false\r\noutline: false\r\n---\r\n\r\nand start scrolling\r\n\r\n### Expected behavior\r\n\r\nScrolling should behave konsistent on sidebar less page\r\n\r\n### System Info\r\n\r\n```sh\r\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor\r\n Memory: 7.84 GB / 15.95 GB\r\n Binaries:\r\n Node: 18.16.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 9.5.1 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 116.0.5845.111\r\n Edge: Spartan (44.22621.2215.0), Chromium (116.0.1938.54)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.8 => 1.0.0-rc.8\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nMy current workaround inside custom.css:\r\n\r\nThese are the vp rules, but without ` .VPNavBar.has-sidebar` prefix.\r\n\r\n```css\r\n@media (min-width: 960px) {\r\n/* .VPNavBar.has-sidebar .curtain { */\r\n .VPNavBar .curtain {\r\n position: absolute;\r\n right: 0;\r\n bottom: -31px;\r\n /*width: calc(100% - var(--vp-sidebar-width));*/\r\n width: 100%;\r\n height: 32px;\r\n }\r\n}\r\n@media (min-width: 960px) {\r\n/* .VPNavBar.has-sidebar .curtain::before { */\r\n .VPNavBar .curtain::before {\r\n display: block;\r\n width: 100%;\r\n height: 32px;\r\n background: linear-gradient(var(--vp-c-bg), transparent 70%);\r\n content: \"\";\r\n }\r\n}\r\n```\r\nMaybe the final solution simply can be to remove `.has-sidebar` from code.\r\n\r\nAlso the default 'hard' gutter of #000000 disturbs a little bit the harmonic design.\r\n\r\nMy workaround solution is to use\r\n\r\n`--vp-c-gutter: transparent; `\r\n\r\nsince it is also used for the footer separation, and the visual separation is not nessassary for me.\r\n\r\nLive example usage on \r\n[btp.udina.de](https://btp.udina.de/about.html)\r\n\r\nBest regards\r\nHolger\r\n\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2950],{"name":2880,"color":2881},2864,"Theme does not use header curtain on pages without sidebar","2023-09-05T00:04:11Z","https://github.com/vuejs/vitepress/issues/2864",0.7102583,{"description":2957,"labels":2958,"number":2960,"owner":2869,"repository":2870,"state":2895,"title":2961,"updated_at":2962,"url":2963,"score":2964},"**Describe the bug**\r\nBuilding and serving my site displays my `nav` awkwardly within my sidebar.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Clone https://github.com/CodyBontecou/blog\r\n2. run `yarn build && yarn serve`\r\n3. View Home and Contact within the sidebar as well as top nav\r\n\r\nYou can also view this behavior at https://cody-bontecou.netlify.app/\r\n\r\n**Expected behavior**\r\nI should only see Home and Contact navigation elements within the top nav.\r\n\r\n**System Info**\r\n- vitepress version: ^0.12.2\r\n- vite version:\r\n- Node version:\r\n- OS version:\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n\r\nYou can see my config.js [here](https://github.com/CodyBontecou/blog/blob/main/blog/.vitepress/config.js). The navigation elements should never be in my sidebar in the first place. Making the duplication odd.\r\n\r\nThe sidebar + top nav look fine while running the site in dev mode.",[2959],{"name":2866,"color":2867},273,"nav items are being shown awkwardly within my sidebar","2023-01-21T16:22:25Z","https://github.com/vuejs/vitepress/issues/273",0.7106245,["Reactive",2966],{},["Set"],["ShallowReactive",2969],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fB2zywOIH-se0cItVKr-A9nA9zxy4QkHIWJXxR6dS-zI":-1},"/vuejs/vitepress/3756"]