From e9a3f958473f44d148cd0ca1c22d6a559df13c36 Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Fri, 21 Jun 2024 23:35:29 +0200 Subject: [PATCH 1/7] wider layout, is it better? --- docs/src/.vitepress/theme/style.css | 68 ++++++++++++++++ docs/src/components/AsideTrustees.vue | 2 +- template/src/.vitepress/theme/style.css | 100 ++++++++++++++++++++++-- 3 files changed, 163 insertions(+), 7 deletions(-) diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index af3f2e43..d39e2d31 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -197,3 +197,71 @@ mjx-container > svg { :root:is(.dark) .light-only { display: none; } + +/* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ +/* docs/.vitepress/theme/global.css */ +@media (min-width: 1440px) { + .VPSidebar { + padding-left: 20px !important; + width: 240px !important; + } + .VPNavBar .title { + padding-left: 10px !important; + width: 230px !important; + } + .VPContent.has-sidebar { + padding-left: 250px !important; + padding-right: 5vw !important; + } + .VPNavBar .curtain { + width: 100% !important; + } + /* .VPNavBar .content { + padding-left: 250px !important; + padding-right: 0px !important; + } */ +} + +@media (min-width: 960px) { + .VPDoc { + padding: 32px 0 0 !important; + } + /* .VPNavBar .content { + padding-left: 250px !important; + padding-right: 0px !important; + } */ +} + + +.VPNavBar { + padding-right: 20px !important; +} +.VPNavBar .container { + margin: unset; + max-width: unset; +} +.VPDoc.has-aside .content-container { + max-width: 100% !important; +} +.aside { + max-width: 200px !important; + padding-left: 0 !important; +} + +/* This one does the right menu */ + +/* .VPDocOutlineItem li { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; +} */ + +/* This one does the left menu */ + +/* .VPSidebarItem .VPLink p { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; +} */ \ No newline at end of file diff --git a/docs/src/components/AsideTrustees.vue b/docs/src/components/AsideTrustees.vue index ea32b097..8fff3d38 100644 --- a/docs/src/components/AsideTrustees.vue +++ b/docs/src/components/AsideTrustees.vue @@ -33,7 +33,7 @@ href="https://beautiful.makie.org" target="_blank" > - +

Visualize your data

BeautifulMakie

diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index d2ca479c..d39e2d31 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -1,6 +1,3 @@ -@import url(https://fonts.googleapis.com/css?family=Space+Mono:regular,italic,700,700italic); -@import url(https://fonts.googleapis.com/css?family=Space+Grotesk:regular,italic,700,700italic); - /* Customize default theme styling by overriding CSS variables: https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css */ @@ -19,6 +16,11 @@ https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/var /* Fonts */ +@font-face { + font-family: JuliaMono-Regular; + src: url("https://cdn.jsdelivr.net/gh/cormullion/juliamono/webfonts/JuliaMono-Regular.woff2"); +} + :root { /* Typography */ --vp-font-family-base: "Barlow", "Inter var experimental", "Inter var", @@ -26,8 +28,8 @@ https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/var Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; /* Code Snippet font */ - --vp-font-family-mono: "Space Mono", Menlo, Monaco, Consolas, "Courier New", - monospace; + --vp-font-family-mono: JuliaMono-Regular, monospace; + } .mono { @@ -37,6 +39,12 @@ https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/var This is pretty bad for Julia folks reading even though copy+paste retains the same text. */ font-feature-settings: 'calt' 0; + pre { + font-family: JuliaMono-Light; +}; +code { + font-family: JuliaMono-Light; + }; } /* Colors */ @@ -176,4 +184,84 @@ mjx-container > svg { --vp-c-brand-3: #91dd33; --vp-c-sponsor: #91dd33; --vitest-c-sponsor-hover: #e51370; -} \ No newline at end of file +} + +/** + * Change images from light to dark theme + * -------------------------------------------------------------------------- */ + + :root:not(.dark) .dark-only { + display: none; +} + +:root:is(.dark) .light-only { + display: none; +} + +/* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ +/* docs/.vitepress/theme/global.css */ +@media (min-width: 1440px) { + .VPSidebar { + padding-left: 20px !important; + width: 240px !important; + } + .VPNavBar .title { + padding-left: 10px !important; + width: 230px !important; + } + .VPContent.has-sidebar { + padding-left: 250px !important; + padding-right: 5vw !important; + } + .VPNavBar .curtain { + width: 100% !important; + } + /* .VPNavBar .content { + padding-left: 250px !important; + padding-right: 0px !important; + } */ +} + +@media (min-width: 960px) { + .VPDoc { + padding: 32px 0 0 !important; + } + /* .VPNavBar .content { + padding-left: 250px !important; + padding-right: 0px !important; + } */ +} + + +.VPNavBar { + padding-right: 20px !important; +} +.VPNavBar .container { + margin: unset; + max-width: unset; +} +.VPDoc.has-aside .content-container { + max-width: 100% !important; +} +.aside { + max-width: 200px !important; + padding-left: 0 !important; +} + +/* This one does the right menu */ + +/* .VPDocOutlineItem li { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; +} */ + +/* This one does the left menu */ + +/* .VPSidebarItem .VPLink p { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; +} */ \ No newline at end of file From ab0448c375a752a0e7b94e83f8b6e01dd60341fb Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Sat, 22 Jun 2024 01:24:49 +0200 Subject: [PATCH 2/7] better r side, good to go --- docs/src/.vitepress/theme/style.css | 13 ++++++++----- template/src/.vitepress/theme/style.css | 13 ++++++++----- 2 files changed, 16 insertions(+), 10 deletions(-) diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index d39e2d31..2b5db0fe 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -203,11 +203,11 @@ mjx-container > svg { @media (min-width: 1440px) { .VPSidebar { padding-left: 20px !important; - width: 240px !important; + width: 250px !important; } .VPNavBar .title { padding-left: 10px !important; - width: 230px !important; + width: 250px !important; } .VPContent.has-sidebar { padding-left: 250px !important; @@ -216,6 +216,9 @@ mjx-container > svg { .VPNavBar .curtain { width: 100% !important; } + .VPDoc { + padding: 32px 0 0 !important; + } /* .VPNavBar .content { padding-left: 250px !important; padding-right: 0px !important; @@ -224,7 +227,7 @@ mjx-container > svg { @media (min-width: 960px) { .VPDoc { - padding: 32px 0 0 !important; + padding: 32px 32px 0 0 !important; } /* .VPNavBar .content { padding-left: 250px !important; @@ -250,12 +253,12 @@ mjx-container > svg { /* This one does the right menu */ -/* .VPDocOutlineItem li { +.VPDocOutlineItem li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; -} */ +} /* This one does the left menu */ diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index d39e2d31..2b5db0fe 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -203,11 +203,11 @@ mjx-container > svg { @media (min-width: 1440px) { .VPSidebar { padding-left: 20px !important; - width: 240px !important; + width: 250px !important; } .VPNavBar .title { padding-left: 10px !important; - width: 230px !important; + width: 250px !important; } .VPContent.has-sidebar { padding-left: 250px !important; @@ -216,6 +216,9 @@ mjx-container > svg { .VPNavBar .curtain { width: 100% !important; } + .VPDoc { + padding: 32px 0 0 !important; + } /* .VPNavBar .content { padding-left: 250px !important; padding-right: 0px !important; @@ -224,7 +227,7 @@ mjx-container > svg { @media (min-width: 960px) { .VPDoc { - padding: 32px 0 0 !important; + padding: 32px 32px 0 0 !important; } /* .VPNavBar .content { padding-left: 250px !important; @@ -250,12 +253,12 @@ mjx-container > svg { /* This one does the right menu */ -/* .VPDocOutlineItem li { +.VPDocOutlineItem li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; -} */ +} /* This one does the left menu */ From e29834a23e23536f8720ccb1215788da9cd3c167 Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Sat, 22 Jun 2024 10:22:59 +0200 Subject: [PATCH 3/7] fixes padding issues, navbar and doc content --- docs/src/.vitepress/theme/style.css | 9 ++++++--- template/src/.vitepress/theme/style.css | 9 ++++++--- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index 2b5db0fe..8d50e8d3 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -210,7 +210,7 @@ mjx-container > svg { width: 250px !important; } .VPContent.has-sidebar { - padding-left: 250px !important; + padding-left: 255px !important; padding-right: 5vw !important; } .VPNavBar .curtain { @@ -227,7 +227,10 @@ mjx-container > svg { @media (min-width: 960px) { .VPDoc { - padding: 32px 32px 0 0 !important; + padding: 32px 32px 0 10 !important; + } + .VPContent.has-sidebar { + padding-left: 255px !important; } /* .VPNavBar .content { padding-left: 250px !important; @@ -237,7 +240,7 @@ mjx-container > svg { .VPNavBar { - padding-right: 20px !important; + padding-right: 0px !important; } .VPNavBar .container { margin: unset; diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index 2b5db0fe..8d50e8d3 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -210,7 +210,7 @@ mjx-container > svg { width: 250px !important; } .VPContent.has-sidebar { - padding-left: 250px !important; + padding-left: 255px !important; padding-right: 5vw !important; } .VPNavBar .curtain { @@ -227,7 +227,10 @@ mjx-container > svg { @media (min-width: 960px) { .VPDoc { - padding: 32px 32px 0 0 !important; + padding: 32px 32px 0 10 !important; + } + .VPContent.has-sidebar { + padding-left: 255px !important; } /* .VPNavBar .content { padding-left: 250px !important; @@ -237,7 +240,7 @@ mjx-container > svg { .VPNavBar { - padding-right: 20px !important; + padding-right: 0px !important; } .VPNavBar .container { margin: unset; From a0b141ea45732cc096f46f836abb609317a793d5 Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Sat, 22 Jun 2024 11:01:26 +0200 Subject: [PATCH 4/7] document layout style --- docs/make.jl | 1 + docs/src/.vitepress/theme/style.css | 2 +- docs/src/style_css.md | 84 +++++++++++++++++++++++++ template/src/.vitepress/theme/style.css | 2 +- 4 files changed, 87 insertions(+), 2 deletions(-) create mode 100644 docs/src/style_css.md diff --git a/docs/make.jl b/docs/make.jl index d9d9ef13..efb8beab 100644 --- a/docs/make.jl +++ b/docs/make.jl @@ -48,6 +48,7 @@ makedocs(; "MIME output" => "mime_examples.md", "Updating to DocumenterVitepress" => "documenter_to_vitepress_docs_example.md", "DocumenterCitations integration" => "citations.md", + "CSS Styling" => "style_css.md", ], "Developers' documentation" => [ diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index 8d50e8d3..74edd1df 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -199,7 +199,7 @@ mjx-container > svg { } /* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ -/* docs/.vitepress/theme/global.css */ + @media (min-width: 1440px) { .VPSidebar { padding-left: 20px !important; diff --git a/docs/src/style_css.md b/docs/src/style_css.md new file mode 100644 index 00000000..2a0dc1d6 --- /dev/null +++ b/docs/src/style_css.md @@ -0,0 +1,84 @@ +# CSS Styling + +You can customize the appearance of your site by modifying the `style.css` file: + +``` +docs +└── src + └── .vitepress + └── theme + └── style.css +``` + +## Layout options + +For example, the following settings can be adjusted to increase the available space for your content. + +::: warning + +To restore the default options, copy and paste the `style.css` file into `docs/src/.vitepress/theme/` and delete the following lines: + +::: + +```css +/* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ + +@media (min-width: 1440px) { + .VPSidebar { + padding-left: 20px !important; + width: 250px !important; + } + .VPNavBar .title { + padding-left: 10px !important; + width: 250px !important; + } + .VPContent.has-sidebar { + padding-left: 255px !important; + padding-right: 5vw !important; + } + .VPNavBar .curtain { + width: 100% !important; + } + .VPDoc { + padding: 32px 0 0 !important; + } +} + +@media (min-width: 960px) { + .VPDoc { + padding: 32px 32px 0 10 !important; + } + .VPContent.has-sidebar { + padding-left: 255px !important; + } +} + + +.VPNavBar { + padding-right: 0px !important; +} +.VPNavBar .container { + margin: unset; + max-width: unset; +} +.VPDoc.has-aside .content-container { + max-width: 100% !important; +} +.aside { + max-width: 200px !important; + padding-left: 0 !important; +} + +/* This one does the right menu */ + +.VPDocOutlineItem li { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; +} +``` + +## More + +Other attributes can also be modified there, i.e., text colors, link colors, font family, etc. \ No newline at end of file diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index 8d50e8d3..74edd1df 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -199,7 +199,7 @@ mjx-container > svg { } /* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ -/* docs/.vitepress/theme/global.css */ + @media (min-width: 1440px) { .VPSidebar { padding-left: 20px !important; From 6a12bec6e74fd2a9e804587d84104e3e8882f118 Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Sat, 22 Jun 2024 19:37:29 +0200 Subject: [PATCH 5/7] more padding --- docs/src/.vitepress/theme/style.css | 31 +++++++++++++++---------- docs/src/style_css.md | 27 ++++++++++++++------- template/src/.vitepress/theme/style.css | 31 +++++++++++++++---------- 3 files changed, 57 insertions(+), 32 deletions(-) diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index 74edd1df..8d0041fa 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -206,11 +206,11 @@ mjx-container > svg { width: 250px !important; } .VPNavBar .title { - padding-left: 10px !important; - width: 250px !important; + padding-left: 15px !important; + width: 230px !important; } .VPContent.has-sidebar { - padding-left: 255px !important; + padding-left: 250px !important; padding-right: 5vw !important; } .VPNavBar .curtain { @@ -219,10 +219,14 @@ mjx-container > svg { .VPDoc { padding: 32px 0 0 !important; } - /* .VPNavBar .content { + .VPNavBar.has-sidebar .content { + padding-left: 250px !important; + padding-right: 20px !important; + } + + .VPNavBar .divider { padding-left: 250px !important; - padding-right: 0px !important; - } */ + } } @media (min-width: 960px) { @@ -232,20 +236,17 @@ mjx-container > svg { .VPContent.has-sidebar { padding-left: 255px !important; } - /* .VPNavBar .content { - padding-left: 250px !important; - padding-right: 0px !important; - } */ } .VPNavBar { padding-right: 0px !important; } -.VPNavBar .container { +/* .VPNavBar .container { margin: unset; max-width: unset; -} +} */ + .VPDoc.has-aside .content-container { max-width: 100% !important; } @@ -263,6 +264,12 @@ mjx-container > svg { max-width: 200px; } +.VPNavBar .title { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + /* This one does the left menu */ /* .VPSidebarItem .VPLink p { diff --git a/docs/src/style_css.md b/docs/src/style_css.md index 2a0dc1d6..4e7bf2a5 100644 --- a/docs/src/style_css.md +++ b/docs/src/style_css.md @@ -29,11 +29,11 @@ To restore the default options, copy and paste the `style.css` file into `docs/s width: 250px !important; } .VPNavBar .title { - padding-left: 10px !important; - width: 250px !important; + padding-left: 15px !important; + width: 230px !important; } .VPContent.has-sidebar { - padding-left: 255px !important; + padding-left: 250px !important; padding-right: 5vw !important; } .VPNavBar .curtain { @@ -42,6 +42,14 @@ To restore the default options, copy and paste the `style.css` file into `docs/s .VPDoc { padding: 32px 0 0 !important; } + .VPNavBar.has-sidebar .content { + padding-left: 250px !important; + padding-right: 20px !important; + } + + .VPNavBar .divider { + padding-left: 250px !important; + } } @media (min-width: 960px) { @@ -53,14 +61,10 @@ To restore the default options, copy and paste the `style.css` file into `docs/s } } - .VPNavBar { padding-right: 0px !important; } -.VPNavBar .container { - margin: unset; - max-width: unset; -} + .VPDoc.has-aside .content-container { max-width: 100% !important; } @@ -77,6 +81,13 @@ To restore the default options, copy and paste the `style.css` file into `docs/s white-space: nowrap; max-width: 200px; } + +.VPNavBar .title { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + ``` ## More diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index 74edd1df..8d0041fa 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -206,11 +206,11 @@ mjx-container > svg { width: 250px !important; } .VPNavBar .title { - padding-left: 10px !important; - width: 250px !important; + padding-left: 15px !important; + width: 230px !important; } .VPContent.has-sidebar { - padding-left: 255px !important; + padding-left: 250px !important; padding-right: 5vw !important; } .VPNavBar .curtain { @@ -219,10 +219,14 @@ mjx-container > svg { .VPDoc { padding: 32px 0 0 !important; } - /* .VPNavBar .content { + .VPNavBar.has-sidebar .content { + padding-left: 250px !important; + padding-right: 20px !important; + } + + .VPNavBar .divider { padding-left: 250px !important; - padding-right: 0px !important; - } */ + } } @media (min-width: 960px) { @@ -232,20 +236,17 @@ mjx-container > svg { .VPContent.has-sidebar { padding-left: 255px !important; } - /* .VPNavBar .content { - padding-left: 250px !important; - padding-right: 0px !important; - } */ } .VPNavBar { padding-right: 0px !important; } -.VPNavBar .container { +/* .VPNavBar .container { margin: unset; max-width: unset; -} +} */ + .VPDoc.has-aside .content-container { max-width: 100% !important; } @@ -263,6 +264,12 @@ mjx-container > svg { max-width: 200px; } +.VPNavBar .title { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + /* This one does the left menu */ /* .VPSidebarItem .VPLink p { From 857b16721062776ab4584294770cae19e5c3a4b3 Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Sat, 22 Jun 2024 23:17:13 +0200 Subject: [PATCH 6/7] better, merge --- docs/src/.vitepress/theme/style.css | 51 ++----------------------- docs/src/style_css.md | 35 +++++++++++++++++ template/src/.vitepress/theme/style.css | 51 ++----------------------- 3 files changed, 43 insertions(+), 94 deletions(-) diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index 8d0041fa..88320035 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -200,53 +200,6 @@ mjx-container > svg { /* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ -@media (min-width: 1440px) { - .VPSidebar { - padding-left: 20px !important; - width: 250px !important; - } - .VPNavBar .title { - padding-left: 15px !important; - width: 230px !important; - } - .VPContent.has-sidebar { - padding-left: 250px !important; - padding-right: 5vw !important; - } - .VPNavBar .curtain { - width: 100% !important; - } - .VPDoc { - padding: 32px 0 0 !important; - } - .VPNavBar.has-sidebar .content { - padding-left: 250px !important; - padding-right: 20px !important; - } - - .VPNavBar .divider { - padding-left: 250px !important; - } -} - -@media (min-width: 960px) { - .VPDoc { - padding: 32px 32px 0 10 !important; - } - .VPContent.has-sidebar { - padding-left: 255px !important; - } -} - - -.VPNavBar { - padding-right: 0px !important; -} -/* .VPNavBar .container { - margin: unset; - max-width: unset; -} */ - .VPDoc.has-aside .content-container { max-width: 100% !important; } @@ -254,7 +207,11 @@ mjx-container > svg { max-width: 200px !important; padding-left: 0 !important; } +.VPDoc { + padding-top: 15px !important; + padding-left: 5px !important; +} /* This one does the right menu */ .VPDocOutlineItem li { diff --git a/docs/src/style_css.md b/docs/src/style_css.md index 4e7bf2a5..1f3b8038 100644 --- a/docs/src/style_css.md +++ b/docs/src/style_css.md @@ -20,6 +20,41 @@ To restore the default options, copy and paste the `style.css` file into `docs/s ::: +```css + +.VPDoc.has-aside .content-container { + max-width: 100% !important; +} +.aside { + max-width: 200px !important; + padding-left: 0 !important; +} +.VPDoc { + padding-top: 15px !important; + padding-left: 5px !important; + +} +/* This one does the right menu */ + +.VPDocOutlineItem li { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; +} + +.VPNavBar .title { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +``` + +## All available space + +The following settings allows your content to fill out all available space on screen. + ```css /* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index 8d0041fa..88320035 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -200,53 +200,6 @@ mjx-container > svg { /* https://bddxg.top/article/note/vitepress优化/一些细节上的优化.html#文档页面调整-加宽 */ -@media (min-width: 1440px) { - .VPSidebar { - padding-left: 20px !important; - width: 250px !important; - } - .VPNavBar .title { - padding-left: 15px !important; - width: 230px !important; - } - .VPContent.has-sidebar { - padding-left: 250px !important; - padding-right: 5vw !important; - } - .VPNavBar .curtain { - width: 100% !important; - } - .VPDoc { - padding: 32px 0 0 !important; - } - .VPNavBar.has-sidebar .content { - padding-left: 250px !important; - padding-right: 20px !important; - } - - .VPNavBar .divider { - padding-left: 250px !important; - } -} - -@media (min-width: 960px) { - .VPDoc { - padding: 32px 32px 0 10 !important; - } - .VPContent.has-sidebar { - padding-left: 255px !important; - } -} - - -.VPNavBar { - padding-right: 0px !important; -} -/* .VPNavBar .container { - margin: unset; - max-width: unset; -} */ - .VPDoc.has-aside .content-container { max-width: 100% !important; } @@ -254,7 +207,11 @@ mjx-container > svg { max-width: 200px !important; padding-left: 0 !important; } +.VPDoc { + padding-top: 15px !important; + padding-left: 5px !important; +} /* This one does the right menu */ .VPDocOutlineItem li { From fa3266c17f07c75a0cb96014c5b5ae68e9977ac5 Mon Sep 17 00:00:00 2001 From: Lazaro Alonso Date: Sat, 22 Jun 2024 23:36:24 +0200 Subject: [PATCH 7/7] fix small dev --- docs/src/.vitepress/theme/style.css | 6 ++++++ docs/src/style_css.md | 6 ++++++ template/src/.vitepress/theme/style.css | 6 ++++++ 3 files changed, 18 insertions(+) diff --git a/docs/src/.vitepress/theme/style.css b/docs/src/.vitepress/theme/style.css index 88320035..95f97b57 100644 --- a/docs/src/.vitepress/theme/style.css +++ b/docs/src/.vitepress/theme/style.css @@ -227,6 +227,12 @@ mjx-container > svg { white-space: nowrap; } +@media (max-width: 960px) { + .VPDoc { + padding-left: 25px !important; + } +} + /* This one does the left menu */ /* .VPSidebarItem .VPLink p { diff --git a/docs/src/style_css.md b/docs/src/style_css.md index 1f3b8038..f472fff4 100644 --- a/docs/src/style_css.md +++ b/docs/src/style_css.md @@ -49,6 +49,12 @@ To restore the default options, copy and paste the `style.css` file into `docs/s white-space: nowrap; } +@media (max-width: 960px) { + .VPDoc { + padding-left: 25px !important; + } +} + ``` ## All available space diff --git a/template/src/.vitepress/theme/style.css b/template/src/.vitepress/theme/style.css index 88320035..95f97b57 100644 --- a/template/src/.vitepress/theme/style.css +++ b/template/src/.vitepress/theme/style.css @@ -227,6 +227,12 @@ mjx-container > svg { white-space: nowrap; } +@media (max-width: 960px) { + .VPDoc { + padding-left: 25px !important; + } +} + /* This one does the left menu */ /* .VPSidebarItem .VPLink p {