Skip to content

Commit 0744260

Browse files
ShadowArcanistShadowArcanist
committed
Merge branch 'next' into v4.x
2 parents 3db38e7 + 63a0161 commit 0744260

File tree

3 files changed

+220
-3
lines changed

3 files changed

+220
-3
lines changed

‎docs/.vitepress/theme/components/ZoomableImage.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const toggleZoom = () => {
1919
:src="src"
2020
:alt="alt"
2121
@click="toggleZoom"
22-
:class="['cursor-zoom-in', 'logo-image']"
22+
:class="{ 'cursor-zoom-in': !isZoomed }"
2323
/>
2424

2525
<!-- Overlay for zoomed image -->
@@ -43,11 +43,11 @@ const toggleZoom = () => {
4343
height: auto;
4444
}
4545
46-
.zoomable-image-container img.logo-image {
46+
/*.zoomable-image-container img.logo-image {
4747
max-height: 150px;
4848
width: auto;
4949
margin-top: 1rem;
50-
}
50+
}*/
5151
5252
.cursor-zoom-in {
5353
cursor: zoom-in;

‎docs/.vitepress/theme/custom.css‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,94 @@
1+
/* Add left spacing to lists */
2+
.vp-doc ul {
3+
padding-left: 2.7rem;
4+
}
5+
6+
.vp-doc ol {
7+
padding-left: 2.7rem;
8+
}
9+
10+
/* Style tabs to match table appearance with complete border and rounded corners */
11+
.plugin-tabs {
12+
border: 2px solid var(--vp-c-divider) !important;
13+
border-radius: 8px !important;
14+
overflow: hidden !important;
15+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
16+
margin: 1.5rem 0 !important;
17+
}
18+
19+
.plugin-tabs--tab-list {
20+
background: var(--vp-c-bg-soft) !important;
21+
border-bottom: 1.5px solid var(--vp-c-divider) !important;
22+
}
23+
24+
.plugin-tabs--content {
25+
background-color: var(--vp-c-bg) !important;
26+
border: none !important;
27+
}
28+
29+
.dark .plugin-tabs {
30+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) !important;
31+
}
32+
33+
.dark .plugin-tabs--tab-list {
34+
background: var(--vp-c-bg-soft) !important;
35+
border-bottom: 1px solid var(--vp-c-divider) !important;
36+
}
37+
38+
.dark .plugin-tabs--content {
39+
background-color: var(--vp-c-bg) !important;
40+
border: none !important;
41+
}
42+
43+
/* Improve codeblock styling */
44+
.vp-doc div[class*='language-'],
45+
.vp-doc [class*='language-'],
46+
.vp-doc pre[class*='language-'] {
47+
background-color: var(--coollabs-bg-zinc-300-5) !important;
48+
border: 0.5px solid rgba(0, 0, 0, 0.15) !important;
49+
border-radius: 10px !important;
50+
padding: 0 0 0 0.850rem !important;
51+
margin: 0 !important;
52+
line-height: 1.3 !important;
53+
}
54+
55+
.vp-doc div[class*='language-'] code,
56+
.vp-doc [class*='language-'] code,
57+
.vp-doc pre[class*='language-'] code {
58+
font-weight: 700 !important;
59+
line-height: 1.3 !important;
60+
padding-left: 0 !important;
61+
}
62+
63+
.dark .vp-doc div[class*='language-'],
64+
.dark .vp-doc [class*='language-'],
65+
.dark .vp-doc pre[class*='language-'] {
66+
background-color: var(--coollabs-bg-zinc-300-5) !important;
67+
border: 0.5px solid rgba(255, 255, 255, 0.15) !important;
68+
border-radius: 10px !important;
69+
padding: 0 0 0 0.850rem !important;
70+
margin: 0 !important;
71+
line-height: 1.3 !important;
72+
}
73+
74+
.dark .vp-doc div[class*='language-'] code,
75+
.dark .vp-doc [class*='language-'] code,
76+
.dark .vp-doc pre[class*='language-'] code {
77+
font-weight: 600 !important;
78+
line-height: 1.5 !important;
79+
padding-left: 0 !important;
80+
}
81+
82+
/* Right-align copy button at the end of codeblocks */
83+
.vp-doc div[class*='language-'] > button.copy,
84+
.vp-doc div[class*='language-'] > button.copy-code,
85+
.vp-doc [class*='language-'] > button.copy,
86+
.vp-doc [class*='language-'] > button.copy-code,
87+
.vp-doc pre[class*='language-'] > button.copy,
88+
.vp-doc pre[class*='language-'] > button.copy-code {
89+
right: 8px !important;
90+
}
91+
192
@media (min-width: 1440px) {
293
.VPContent.has-sidebar {
394
padding-right: 0px !important;

‎docs/.vitepress/theme/style.css‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -293,6 +293,16 @@
293293
color: #d6d3d1 !important;
294294
}
295295

296+
/* Make bold text stand out more in dark mode */
297+
.vp-doc > div > p strong,
298+
.vp-doc > div > ul > li strong,
299+
.vp-doc > div > ol > li strong,
300+
.vp-doc > div > li strong,
301+
.vp-doc > div > table td strong,
302+
.vp-doc > div > table th strong {
303+
color: #efefef !important;
304+
}
305+
296306
/* Lighter code background in dark mode */
297307
--vp-code-bg: #161b22 !important; /* Darker background in dark mode */
298308

@@ -360,6 +370,16 @@
360370
--vp-code-bg: #161b22 !important; /* Darker background in dark mode */
361371
}
362372

373+
/* Make bold text stand out more in light mode */
374+
.vp-doc > div > p strong,
375+
.vp-doc > div > ul > li strong,
376+
.vp-doc > div > ol > li strong,
377+
.vp-doc > div > li strong,
378+
.vp-doc > div > table td strong,
379+
.vp-doc > div > table th strong {
380+
color: #000000 !important;
381+
}
382+
363383
/* Container padding override - updated for reasonable width layout */
364384
.container {
365385
padding-left: 1rem !important;
@@ -1049,4 +1069,110 @@ pre[class*='language-'] *:hover {
10491069

10501070
.title {
10511071
@apply border-0 !important;
1072+
}
1073+
1074+
/* Modern Table Styling */
1075+
.vp-doc table {
1076+
border-collapse: collapse;
1077+
border-spacing: 0;
1078+
width: 100%;
1079+
margin: 1.5rem 0;
1080+
font-size: 0.875rem;
1081+
line-height: 1.5;
1082+
border-radius: 8px;
1083+
overflow: hidden;
1084+
border: 1px solid var(--coollabs-border-zinc-300-20);
1085+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
1086+
}
1087+
1088+
.vp-doc th,
1089+
.vp-doc td {
1090+
padding: 0.75rem 1rem;
1091+
text-align: left;
1092+
border-bottom: 1px solid var(--vp-c-divider);
1093+
vertical-align: top;
1094+
}
1095+
1096+
.vp-doc th {
1097+
font-weight: 600;
1098+
background: var(--coollabs-bg-zinc-300-5);
1099+
color: var(--vp-c-text-1);
1100+
position: relative;
1101+
}
1102+
1103+
.vp-doc th:first-child,
1104+
.vp-doc td:first-child {
1105+
width: 200px;
1106+
min-width: 200px;
1107+
vertical-align: middle;
1108+
}
1109+
1110+
.vp-doc td {
1111+
background: var(--vp-c-bg);
1112+
color: var(--vp-c-text-2);
1113+
}
1114+
1115+
/* Right-align numeric columns (common in tables) */
1116+
.vp-doc th:nth-child(n+2),
1117+
.vp-doc td:nth-child(n+2) {
1118+
text-align: right;
1119+
}
1120+
1121+
/* Caption styling */
1122+
.vp-doc caption {
1123+
caption-side: top;
1124+
padding: 0.5rem 1rem;
1125+
font-size: 0.875rem;
1126+
font-weight: 500;
1127+
color: var(--vp-c-text-3);
1128+
text-align: left;
1129+
background: var(--vp-c-bg-soft);
1130+
border-bottom: 1px solid var(--vp-c-divider);
1131+
}
1132+
1133+
/* Footer styling */
1134+
.vp-doc tfoot th,
1135+
.vp-doc tfoot td {
1136+
background: var(--coollabs-bg-zinc-300-5);
1137+
font-weight: 600;
1138+
}
1139+
1140+
/* Responsive table wrapper for horizontal scroll on small screens */
1141+
@media (max-width: 768px) {
1142+
.vp-doc table {
1143+
font-size: 0.8rem;
1144+
}
1145+
1146+
.vp-doc th,
1147+
.vp-doc td {
1148+
padding: 0.5rem 0.75rem;
1149+
white-space: nowrap;
1150+
}
1151+
1152+
.vp-doc {
1153+
overflow-x: auto;
1154+
-webkit-overflow-scrolling: touch;
1155+
}
1156+
1157+
.vp-doc table {
1158+
min-width: 600px;
1159+
}
1160+
}
1161+
1162+
/* Dark mode table adjustments */
1163+
.dark .vp-doc table {
1164+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
1165+
}
1166+
1167+
.dark .vp-doc th {
1168+
background: var(--coollabs-bg-zinc-300-5);
1169+
}
1170+
1171+
.dark .vp-doc tfoot th,
1172+
.dark .vp-doc tfoot td {
1173+
background: var(--coollabs-bg-zinc-300-5);
1174+
}
1175+
1176+
.dark .vp-doc caption {
1177+
background: var(--vp-c-bg-elv);
10521178
}

0 commit comments

Comments
 (0)