-
+
@@ -52,3 +59,19 @@ function SimpleCard({ title, index, description, buttonText, relativeURL }: Simp
);
}
+
+function SimpleCardHeader({ index, hideNumber, title }: SimpleCardHeader) {
+ if (!hideNumber) {
+ return (
+
+ );
+ }
+ return (
+
+ );
+}
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 8d199c6281..2628b5a228 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -11,6 +11,7 @@
@import "./dark-mode.scss";
@import "./reset.scss";
@import "./table.scss";
+@import "./sidebars.scss";
html {
// mendable widget inline style affects fonts
@@ -37,6 +38,7 @@ html {
--ifm-alert-shadow: unset;
--openapi-demo-font-size-code: 10px;
--openapi-demo-font-size-input: 10px;
+ --custom-sidebar-item-color: #aeb1be;
}
.markdown h1:first-child {
@@ -220,6 +222,12 @@ p img.markdown-image {
}
}
+// Allow hiding directories in docs-content
+
+.hidden-category {
+ display: none !important;
+}
+
// Reduce the spacing between lines in code blocks
.theme-code-block code {
diff --git a/src/css/dark-mode.scss b/src/css/dark-mode.scss
index b5ce18b829..3753484aef 100644
--- a/src/css/dark-mode.scss
+++ b/src/css/dark-mode.scss
@@ -44,6 +44,7 @@ html[data-theme="dark"] {
--custom-release-notes-selected-background: #2b323c;
--custom-release-notes-option-font-color: white;
--custom-release-notes-menu-padding: #2b323c;
+ --custom-sidebar-icon-color: #aeb1be;
.theme-last-updated {
color: var(--ifm-font-color-base);
diff --git a/src/css/light-mode.scss b/src/css/light-mode.scss
index ec16dad856..a850ca8cb5 100644
--- a/src/css/light-mode.scss
+++ b/src/css/light-mode.scss
@@ -52,6 +52,10 @@ html[data-theme="light"] {
}
}
+ .category > .menu__list-item-collapsible:hover {
+ background: none;
+ }
+
.menu__list-item-collapsible:hover {
background: #f7f9ff;
}
diff --git a/src/css/sidebars.scss b/src/css/sidebars.scss
new file mode 100644
index 0000000000..f293a96879
--- /dev/null
+++ b/src/css/sidebars.scss
@@ -0,0 +1,33 @@
+.privacy-settings {
+ display: flex;
+ align-items: center;
+ border-top: 1px solid var(--custom-sidebar-item-color);
+ border-radius: 0px;
+ margin-right: 16px;
+ margin-top: 4px;
+ margin-left: 12px;
+ padding-top: 16px;
+ padding-left: 0;
+}
+
+.category > .menu__list-item-collapsible {
+ color: var(--custom-sidebar-item-color);
+ font-size: 14px;
+ border-bottom: 1px solid var(--custom-sidebar-item-color);
+ border-radius: 0px;
+ margin-right: 16px;
+ margin-left: 12px;
+}
+
+.category > .menu__list-item-collapsible > .menu__link {
+ color: var(--custom-sidebar-item-color);
+ padding: 12px 0;
+}
+
+.category > .menu__list-item-collapsible > .menu__link.menu__link--active {
+ color: var(--ifm-menu-color-active);
+}
+
+.category .menu__list {
+ padding-left: 0px;
+}
diff --git a/static/assets/docs/images/tutorials/tutorials_landing-page-intro.webp b/static/assets/docs/images/tutorials/tutorials_landing-page-intro.webp
new file mode 100644
index 0000000000..28964aa711
Binary files /dev/null and b/static/assets/docs/images/tutorials/tutorials_landing-page-intro.webp differ