@voidzero-dev/vitepress-theme 4.8.0 → 4.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/components/vitepress-default/Layout.vue +2 -1
  3. package/src/components/vitepress-default/VPContent.vue +3 -0
  4. package/src/components/vitepress-default/VPDoc.vue +2 -2
  5. package/src/components/vitepress-default/VPLocalNav.vue +4 -3
  6. package/src/components/vitepress-default/VPLocalNavOutlineDropdown.vue +14 -2
  7. package/src/components/vitepress-default/VPSidebar.vue +4 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voidzero-dev/vitepress-theme",
3
- "version": "4.8.0",
3
+ "version": "4.8.2",
4
4
  "description": "Shared VitePress theme for VoidZero projects",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",
package/src/components/vitepress-default/Layout.vue CHANGED
@@ -181,7 +181,8 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists })
181
181
  @media (min-width: 1024px) {
182
182
  .content-wrapper.has-sidebar {
183
183
  display: grid;
184
- grid-template-columns: var(--vp-sidebar-width) 1fr;
184
+ grid-template-columns: var(--vp-sidebar-width) minmax(0, 1fr);
185
+ grid-template-rows: auto 1fr;
185
186
  }
186
187
  }
187
188
  </style>
package/src/components/vitepress-default/VPContent.vue CHANGED
@@ -82,6 +82,9 @@ const { isHome, hasSidebar } = useLayout()
82
82
 
83
83
  .VPContent.has-sidebar {
84
84
  margin: var(--vp-layout-top-height, 0px) 0 0;
85
+ grid-column: 2;
86
+ grid-row: 2;
87
+ min-width: 0;
85
88
  }
86
89
  }
87
90
  </style>
package/src/components/vitepress-default/VPDoc.vue CHANGED
@@ -134,11 +134,11 @@ const pageName = computed(() =>
134
134
 
135
135
  .aside-container {
136
136
  position: sticky;
137
- top: calc(var(--vp-nav-height) + var(--vp-banner-height, 0px));
137
+ top: calc(var(--vp-nav-height) + var(--vp-banner-height, 0px) - 1px);
138
138
  padding-top: 20px;
139
139
  padding-left: 32px;
140
140
  width: 224px;
141
- height: calc(100vh - var(--vp-nav-height) - var(--vp-banner-height, 0px));
141
+ height: calc(100vh - var(--vp-nav-height) - var(--vp-banner-height, 0px) + 1px);
142
142
  overflow-x: hidden;
143
143
  overflow-y: auto;
144
144
  scrollbar-width: none;
package/src/components/vitepress-default/VPLocalNav.vue CHANGED
@@ -84,12 +84,13 @@ const classes = computed(() => {
84
84
 
85
85
  @media (min-width: 1024px) {
86
86
  .VPLocalNav {
87
- top: calc(var(--vp-nav-height) + var(--vp-banner-height, 0px));
87
+ top: calc(var(--vp-nav-height) + var(--vp-banner-height, 0px) - 1px);
88
88
  }
89
89
 
90
90
  .VPLocalNav.has-sidebar {
91
- grid-column: 1 / -1;
92
- padding-left: var(--vp-sidebar-width);
91
+ grid-column: 2;
92
+ grid-row: 1;
93
+ padding-left: 0;
93
94
  border-bottom: none;
94
95
  }
95
96
 
package/src/components/vitepress-default/VPLocalNavOutlineDropdown.vue CHANGED
@@ -121,6 +121,11 @@ function scrollToTop() {
121
121
  }
122
122
 
123
123
  @media (min-width: 960px) {
124
+ .VPLocalNavOutlineDropdown {
125
+ position: relative;
126
+ width: fit-content;
127
+ }
128
+
124
129
  .VPLocalNavOutlineDropdown button {
125
130
  font-size: 14px;
126
131
  }
@@ -152,12 +157,19 @@ function scrollToTop() {
152
157
 
153
158
  @media (min-width: 960px) {
154
159
  .items {
155
- right: auto;
156
- left: calc(var(--vp-sidebar-width) + 32px);
160
+ left: auto;
161
+ right: 32px;
157
162
  width: 320px;
158
163
  }
159
164
  }
160
165
 
166
+ @media (min-width: 1024px) {
167
+ .items {
168
+ left: 32px;
169
+ right: auto;
170
+ }
171
+ }
172
+
161
173
  .header {
162
174
  background-color: var(--vp-c-bg-soft);
163
175
  }
package/src/components/vitepress-default/VPSidebar.vue CHANGED
@@ -93,20 +93,21 @@ watch(
93
93
  @media (min-width: 1024px) {
94
94
  .VPSidebar {
95
95
  position: sticky;
96
- top: calc(var(--vp-nav-height) + var(--vp-banner-height, 0px));
96
+ top: calc(var(--vp-nav-height) + var(--vp-banner-height, 0px) - 1px);
97
97
  bottom: unset;
98
98
  left: unset;
99
99
  padding-left: 32px;
100
100
  width: var(--vp-sidebar-width);
101
101
  max-width: 100%;
102
- height: calc(100vh - var(--vp-nav-height) - var(--vp-banner-height, 0px));
102
+ height: calc(100vh - var(--vp-nav-height) - var(--vp-banner-height, 0px) + 1px);
103
103
  background-color: transparent;
104
104
  opacity: 1;
105
105
  visibility: visible;
106
106
  box-shadow: none;
107
107
  transform: translateX(0);
108
108
  z-index: auto;
109
- grid-row: 1 / -1;
109
+ grid-column: 1;
110
+ grid-row: 2;
110
111
  align-self: start;
111
112
  }
112
113
  }