From 180b31216eeb5d2b65c7c58e72bf8c4f715d92d7 Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Tue, 9 Aug 2022 10:55:32 +0200
Subject: [PATCH 01/17] Add branding palette

---
 docs/.vuepress/styles/index.styl   |  1 +
 docs/.vuepress/styles/palette.styl | 42 +++++++++++++++++++++++++++++-
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index ef392e1f9b..0e07c04108 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -7,4 +7,5 @@
 .sidebar-heading:not(.clickable)
   opacity: 1 !important
 
+@import "palette.styl"
 @import "strapi-custom-blocks.styl"
diff --git a/docs/.vuepress/styles/palette.styl b/docs/.vuepress/styles/palette.styl
index 8c59b67737..48d0318e68 100644
--- a/docs/.vuepress/styles/palette.styl
+++ b/docs/.vuepress/styles/palette.styl
@@ -5,4 +5,44 @@ $borderColor = #eeeeee
 $codeBgColor = #282c34
 
 // Layout
-$contentWidth = 900px
\ No newline at end of file
+$contentWidth = 900px
+
+
+// Strapi branding palette
+$primary700 = #4945FF
+$primary600 = #4945FF
+$primary200 = #F0F0FF
+$primary100 = #F0F0FF
+
+$success700 = #2F6846
+$success600 = #328048
+$success200 = #C6F0C2
+$success100 = #EAFBE7
+
+$danger700 = #B72B1A
+$danger600 = #D02B20
+$danger200 = #F5C0B8
+$danger100 = #FCECEA
+
+$warning700 = #BE5D01
+$warning600 = #D9822F
+$warning200 = #FAE7B9
+$warning100 = #FDF4DC
+
+$secondary700 = #006096
+$secondary600 = #0C75AF
+$secondary200 = #B8E1FF
+$secondary100 = #EAF5FF
+
+$alternative700 = #8212D1
+$alternative600 = #9736E8
+$alternative200 = #E0C1F4
+$alternative100 = #F6E6FC
+
+$neutral900 = #212134
+$neutral800 = #32324D
+$neutral700 = #4A4A6A
+$neutral500 = #8E8EA9
+$neutral150 = #eaeaef
+$neutral100 = #F6F6F9
+$neutral0   = #FFFFFF

From 2c8936f6e4fa8a9aecc3f9c5c621d3b9ab7f8278 Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Tue, 9 Aug 2022 10:55:51 +0200
Subject: [PATCH 02/17] Add branding stylesheet

---
 docs/.vuepress/styles/branding.styl | 36 +++++++++++++++++++++++++++++
 docs/.vuepress/styles/index.styl    |  1 +
 2 files changed, 37 insertions(+)
 create mode 100644 docs/.vuepress/styles/branding.styl

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
new file mode 100644
index 0000000000..1a491e8e1e
--- /dev/null
+++ b/docs/.vuepress/styles/branding.styl
@@ -0,0 +1,36 @@
+body
+// TODO: system fonts
+  font-family: "SF UI text"
+
+.install-link
+  // text-decoration: none
+  background-color: #4945FF
+  border-radius: 6px
+  padding: 20px
+  color: $primary100
+  justify-content: space-between
+
+  .text
+    flex-grow: 1
+
+  .title
+    color: $neutral0
+
+  .description
+    color: $primary100
+
+  .arrow
+    width: 24px
+    height: 24px
+
+  &:hover
+    .title
+      color: $neutral0
+      text-decoration: underline
+    .description
+      color: $neutral0
+      // text-decoration: none
+    .arrow
+      // TODO:
+
+
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index 0e07c04108..dd842b3390 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -9,3 +9,4 @@
 
 @import "palette.styl"
 @import "strapi-custom-blocks.styl"
+@import "branding.styl"

From 66a9ebc6fd9a3d0504677f521691463ec4d61ec8 Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Tue, 9 Aug 2022 10:56:08 +0200
Subject: [PATCH 03/17] Modify InstallLink component

---
 docs/.vuepress/public/assets/NextIcon.svg     |  1 +
 .../theme/global-components/InstallLink.vue   | 27 ++++++++++++++-----
 docs/.vuepress/theme/icons/NextIcon.svg       |  1 +
 3 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 docs/.vuepress/public/assets/NextIcon.svg
 create mode 100644 docs/.vuepress/theme/icons/NextIcon.svg

diff --git a/docs/.vuepress/public/assets/NextIcon.svg b/docs/.vuepress/public/assets/NextIcon.svg
new file mode 100644
index 0000000000..99035875e6
--- /dev/null
+++ b/docs/.vuepress/public/assets/NextIcon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10.7c0-.11.09-.2.2-.2h18.06l-8.239-8.239a.2.2 0 0 1 0-.282L11.86.14a.2.2 0 0 1 .282 0L23.86 11.86a.2.2 0 0 1 0 .282L12.14 23.86a.2.2 0 0 1-.282 0L10.02 22.02a.2.2 0 0 1 0-.282L18.26 13.5H.2a.2.2 0 0 1-.2-.2v-2.6Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/docs/.vuepress/theme/global-components/InstallLink.vue b/docs/.vuepress/theme/global-components/InstallLink.vue
index 460f2ed343..ab6bfb6031 100644
--- a/docs/.vuepress/theme/global-components/InstallLink.vue
+++ b/docs/.vuepress/theme/global-components/InstallLink.vue
@@ -3,14 +3,21 @@
 		<span class="icon">
 			<slot name="icon" />
 		</span>
-		<span>
+		<span class="text">
 			<p class="title"><slot name="title" /></p>
 			<p class="description"><slot name="description" /></p>
 		</span>
+    <span class="arrow">
+     <!-- <IconSVG /> -->
+     <img :src="$withBase('/assets/NextIcon.svg')" alt="foo">
+    </span>
+
 	</router-link>
 </template>
 
 <script>
+	// import IconSVG from '../icons/NextIcon.svg';
+
 	export default {
 		name: 'InstallLink',
 		props: {
@@ -18,20 +25,26 @@
 				type: String,
 				required: true
 			}
-		}
+		},
+		// components: {IconSVG}
 	}
 </script>
 
 <style lang="scss" scoped>
+// TODO: overrides branding.styl
 .install-link {
-	background-color: #3498DB;
 	display: flex;
 	align-items: center;
-	color: white;
-	padding: 16px;
-	border-radius: 8px;
+	// color: white;
+	// padding: 16px;
+	border-radius: 6px;
 	margin: 16px 0; // You'd normally do layout margins etc from the parent, but seeing the parent
 					// is a markdown file, that's a bit annoying
+
+  &:hover {
+    text-decoration: none !important;
+  }
+
 	.icon {
 		flex-shrink: 0;
 		width: 32px;
@@ -52,4 +65,4 @@
 }
 </style>
 
-<!-- Copyrigth Directus - https://github.com/directus/docs/blob/master/.vuepress/theme/global-components/InstallLink.vue -->
\ No newline at end of file
+<!-- Copyrigth Directus - https://github.com/directus/docs/blob/master/.vuepress/theme/global-components/InstallLink.vue -->
diff --git a/docs/.vuepress/theme/icons/NextIcon.svg b/docs/.vuepress/theme/icons/NextIcon.svg
new file mode 100644
index 0000000000..99035875e6
--- /dev/null
+++ b/docs/.vuepress/theme/icons/NextIcon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10.7c0-.11.09-.2.2-.2h18.06l-8.239-8.239a.2.2 0 0 1 0-.282L11.86.14a.2.2 0 0 1 .282 0L23.86 11.86a.2.2 0 0 1 0 .282L12.14 23.86a.2.2 0 0 1-.282 0L10.02 22.02a.2.2 0 0 1 0-.282L18.26 13.5H.2a.2.2 0 0 1-.2-.2v-2.6Z" fill="#fff"/></svg>
\ No newline at end of file

From eb89a54e1bc957edcadd650b9f256c10efbb27d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Tue, 9 Aug 2022 18:23:35 +0200
Subject: [PATCH 04/17] Apply system-ui font

---
 docs/.vuepress/styles/branding.styl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index 1a491e8e1e..2354b53221 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -1,6 +1,6 @@
 body
 // TODO: system fonts
-  font-family: "SF UI text"
+  font-family: system-ui
 
 .install-link
   // text-decoration: none

From 3a9fcc823179caff5fcf4cbe4547df0aa9e5bc01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Tue, 9 Aug 2022 18:28:07 +0200
Subject: [PATCH 05/17] Update logo

---
 docs/.vuepress/public/assets/logo.svg      | 30 +++++++++++++---------
 docs/.vuepress/theme/components/Navbar.vue |  4 +--
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/docs/.vuepress/public/assets/logo.svg b/docs/.vuepress/public/assets/logo.svg
index c7d3241966..4cfa55c078 100644
--- a/docs/.vuepress/public/assets/logo.svg
+++ b/docs/.vuepress/public/assets/logo.svg
@@ -1,13 +1,19 @@
-<svg width="1119" height="211" viewBox="0 0 1119 211" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M568.999 31.1105C572.584 34.7076 576.817 36.5061 581.699 36.5061C586.733 36.5061 591.042 34.7076 594.627 31.1105C598.212 27.5135 600.004 23.2659 600.004 18.3678C600.004 13.4697 598.212 9.18393 594.627 5.51035C591.042 1.83676 586.733 0 581.699 0C576.817 0 572.584 1.83676 568.999 5.51035C565.414 9.18393 563.622 13.4697 563.622 18.3678C563.622 23.2659 565.414 27.5135 568.999 31.1105Z" fill="#212067"/>
-<path d="M182.976 78.0742C182.976 78.4502 182.671 78.7551 182.295 78.7551H157.119V126.511C157.119 130.491 158.111 133.399 160.094 135.236C162.077 137.073 164.975 138.106 168.789 138.336C172.278 138.546 176.533 138.532 181.554 138.293L181.683 138.287L181.915 138.276L182.259 138.258C182.649 138.238 182.976 138.549 182.976 138.939V164.475C182.976 164.822 182.715 165.113 182.371 165.151C182.203 165.169 182.034 165.188 181.909 165.201C162.185 167.311 148.24 165.359 140.072 159.344C131.758 153.221 127.601 142.277 127.601 126.511V78.7551H108.375C107.999 78.7551 107.694 78.4502 107.694 78.0742V50.9659C107.694 50.5899 107.999 50.285 108.375 50.285H127.601V31.3231C127.601 30.7838 127.92 30.2952 128.413 30.0773L156.163 17.8223C156.613 17.6235 157.119 17.9531 157.119 18.4452V50.285H182.295C182.671 50.285 182.976 50.5899 182.976 50.9659V78.0742Z" fill="#212067"/>
-<path d="M236.501 70.0289C239.247 62.6817 243.785 57.1714 250.116 53.4978C255.909 50.1359 262.31 48.3124 269.317 48.0271C269.656 48.0134 270.175 48.0032 270.594 47.9966C270.973 47.9906 271.282 48.2965 271.282 48.6753V79.8299C271.282 80.4804 270.717 80.981 270.069 80.9222C261.557 80.1498 253.914 82.029 247.141 86.5599C240.048 91.3049 236.501 99.1877 236.501 110.208V164.401C236.501 164.777 236.196 165.082 235.82 165.082H207.664C207.288 165.082 206.983 164.777 206.983 164.401V50.9644C206.983 50.5883 207.288 50.2834 207.664 50.2834H235.82C236.196 50.2834 236.501 50.5883 236.501 50.9644V70.0289Z" fill="#212067"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M376.074 50.2815C375.698 50.2815 375.393 50.5864 375.393 50.9625V63.8278C366.545 52.654 354.113 47.0672 338.095 47.0672C322.84 47.0672 309.76 52.9218 298.852 64.6314C287.945 76.3409 282.492 90.6907 282.492 107.681C282.492 124.671 287.945 139.021 298.852 150.731C309.76 162.44 322.84 168.295 338.095 168.295C354.113 168.295 366.545 162.708 375.393 151.534V164.4C375.393 164.776 375.698 165.08 376.074 165.08H404.23C404.606 165.08 404.911 164.776 404.911 164.4V50.9625C404.911 50.5864 404.606 50.2815 404.23 50.2815H376.074ZM320.931 131.101C326.881 137.071 334.432 140.056 343.585 140.056C352.738 140.056 360.327 137.033 366.352 130.987C372.378 124.941 375.391 117.173 375.391 107.682C375.391 98.1924 372.378 90.4244 366.352 84.3783C360.327 78.3322 352.738 75.3092 343.585 75.3092C334.432 75.3092 326.881 78.3322 320.931 84.3783C314.982 90.4244 312.007 98.1924 312.007 107.682C312.007 117.173 314.982 124.979 320.931 131.101Z" fill="#212067"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M533.117 64.6314C522.21 52.9218 509.052 47.0672 493.645 47.0672C477.628 47.0672 465.271 52.654 456.576 63.8278V50.9625C456.576 50.5864 456.271 50.2815 455.895 50.2815H427.739C427.363 50.2815 427.058 50.5864 427.058 50.9625V210.319C427.058 210.695 427.363 211 427.739 211H455.895C456.271 211 456.576 210.695 456.576 210.319V151.534C465.271 162.708 477.628 168.295 493.645 168.295C509.052 168.295 522.21 162.44 533.117 150.731C544.024 139.021 549.477 124.671 549.477 107.681C549.477 90.6907 544.024 76.3409 533.117 64.6314ZM465.498 131.101C471.447 137.071 478.998 140.056 488.151 140.056C497.304 140.056 504.893 137.033 510.919 130.987C516.944 124.941 519.957 117.173 519.957 107.682C519.957 98.1924 516.944 90.4244 510.919 84.3783C504.893 78.3322 497.304 75.3092 488.151 75.3092C478.998 75.3092 471.447 78.3322 465.498 84.3783C459.548 90.4244 456.574 98.1924 456.574 107.682C456.574 117.173 459.548 124.979 465.498 131.101Z" fill="#212067"/>
-<path d="M567.738 165.083C567.362 165.083 567.057 164.778 567.057 164.402V50.965C567.057 50.5889 567.362 50.284 567.738 50.284H595.894C596.27 50.284 596.575 50.5889 596.575 50.965V164.402C596.575 164.778 596.27 165.083 595.894 165.083H567.738Z" fill="#212067"/>
-<path d="M40.8386 90.3462C36.7961 88.4329 34.7748 85.9456 34.7748 82.8843C34.7748 79.976 36.0333 77.6801 38.5504 75.9963C41.0674 74.3126 44.2328 73.4708 48.0465 73.4708C55.3595 73.4708 60.8838 76.3311 64.6194 82.0518C64.88 82.4509 65.387 82.6124 65.8227 82.419L90.7272 71.3636C91.098 71.199 91.2436 70.7491 91.0371 70.3998C90.7626 69.9356 90.4012 69.3304 90.1611 68.9516C85.892 62.2184 80.3703 57.2025 73.4456 53.381C65.8182 49.1716 57.3519 47.067 48.0465 47.067C35.6901 47.067 25.3551 50.3196 17.0412 56.8249C8.72733 63.3302 4.57046 72.2462 4.57046 83.5731C4.57046 91.0733 6.59169 97.3107 10.6342 102.285C14.6767 107.26 19.5963 110.895 25.3932 113.191C31.19 115.487 36.9867 117.4 42.7836 118.931C48.5804 120.462 53.5 122.184 57.5425 124.097C61.5851 126.01 63.6063 128.498 63.6063 131.559C63.6063 138.141 58.3435 141.432 47.8176 141.432C37.7983 141.432 30.8552 137.716 26.9881 130.286C26.656 129.647 25.8958 129.355 25.2384 129.648L0.403919 140.689C0.0539055 140.844 -0.0990498 141.258 0.0674013 141.603C0.167888 141.811 0.273795 142.029 0.351267 142.184C9.03013 159.591 24.8521 168.295 47.8176 168.295C60.9368 168.295 71.882 165.119 80.6535 158.766C89.425 152.414 93.8107 143.345 93.8107 131.559C93.8107 123.753 91.7895 117.247 87.7469 112.043C83.7044 106.839 78.7848 103.127 72.988 100.908C67.1911 98.6883 61.3944 96.8515 55.5976 95.3974C49.8007 93.9432 44.8811 92.2595 40.8386 90.3462Z" fill="#212067"/>
-<path d="M661 66C661 57.1634 668.163 50 677 50H961V166H677C668.163 166 661 158.837 661 150V66Z" fill="#4945FF"/>
-<path d="M721.469 78.9C729.437 78.9 736.077 81.6943 741.389 87.283C746.756 92.8717 749.44 99.7607 749.44 107.95C749.44 116.139 746.756 123.028 741.389 128.617C736.077 134.206 729.437 137 721.469 137H698.395V78.9H721.469ZM721.469 126.044C726.504 126.044 730.599 124.384 733.753 121.064C736.907 117.689 738.484 113.317 738.484 107.95C738.484 102.583 736.907 98.239 733.753 94.919C730.599 91.5437 726.504 89.856 721.469 89.856H709.849V126.044H721.469ZM807.202 129.447C801.337 135.257 794.199 138.162 785.788 138.162C777.377 138.162 770.239 135.257 764.374 129.447C758.564 123.582 755.659 116.416 755.659 107.95C755.659 99.484 758.564 92.346 764.374 86.536C770.239 80.6707 777.377 77.738 785.788 77.738C794.199 77.738 801.337 80.6707 807.202 86.536C813.067 92.346 816 99.484 816 107.95C816 116.416 813.067 123.582 807.202 129.447ZM772.425 121.645C776.022 125.186 780.476 126.957 785.788 126.957C791.1 126.957 795.554 125.186 799.151 121.645C802.748 118.048 804.546 113.483 804.546 107.95C804.546 102.417 802.748 97.8517 799.151 94.255C795.554 90.6583 791.1 88.86 785.788 88.86C780.476 88.86 776.022 90.6583 772.425 94.255C768.828 97.8517 767.03 102.417 767.03 107.95C767.03 113.483 768.828 118.048 772.425 121.645ZM852.356 138.162C843.614 138.162 836.393 135.257 830.693 129.447C824.994 123.637 822.144 116.471 822.144 107.95C822.144 99.3733 824.994 92.2077 830.693 86.453C836.393 80.643 843.614 77.738 852.356 77.738C857.613 77.738 862.455 78.983 866.881 81.473C871.363 83.9077 874.849 87.2277 877.339 91.433L867.462 97.16C866.024 94.5593 863.976 92.5397 861.32 91.101C858.664 89.607 855.676 88.86 852.356 88.86C846.712 88.86 842.147 90.6307 838.661 94.172C835.231 97.7133 833.515 102.306 833.515 107.95C833.515 113.539 835.231 118.104 838.661 121.645C842.147 125.186 846.712 126.957 852.356 126.957C855.676 126.957 858.664 126.238 861.32 124.799C864.032 123.305 866.079 121.285 867.462 118.74L877.339 124.467C874.849 128.672 871.391 132.02 866.964 134.51C862.538 136.945 857.668 138.162 852.356 138.162ZM904.962 138.162C899.208 138.162 894.366 136.889 890.437 134.344C886.509 131.743 883.742 128.23 882.137 123.803L891.931 118.076C894.2 123.997 898.654 126.957 905.294 126.957C908.504 126.957 910.855 126.376 912.349 125.214C913.843 124.052 914.59 122.586 914.59 120.815C914.59 118.768 913.677 117.191 911.851 116.084C910.025 114.922 906.761 113.677 902.057 112.349C899.457 111.574 897.243 110.8 895.417 110.025C893.647 109.25 891.848 108.227 890.022 106.954C888.252 105.626 886.896 103.966 885.955 101.974C885.015 99.982 884.544 97.658 884.544 95.002C884.544 89.7453 886.398 85.5677 890.105 82.469C893.868 79.315 898.378 77.738 903.634 77.738C908.338 77.738 912.46 78.9 916.001 81.224C919.598 83.4927 922.392 86.6743 924.384 90.769L914.756 96.33C912.432 91.35 908.725 88.86 903.634 88.86C901.255 88.86 899.374 89.4133 897.99 90.52C896.662 91.5713 895.998 92.9547 895.998 94.67C895.998 96.496 896.745 97.99 898.239 99.152C899.789 100.259 902.721 101.476 907.037 102.804C908.808 103.357 910.136 103.8 911.021 104.132C911.962 104.409 913.207 104.879 914.756 105.543C916.361 106.152 917.578 106.733 918.408 107.286C919.294 107.839 920.29 108.586 921.396 109.527C922.503 110.468 923.333 111.436 923.886 112.432C924.495 113.428 924.993 114.645 925.38 116.084C925.823 117.467 926.044 118.989 926.044 120.649C926.044 126.016 924.08 130.277 920.151 133.431C916.278 136.585 911.215 138.162 904.962 138.162Z" fill="white"/>
-<path d="M961 50H1103C1111.84 50 1119 57.1634 1119 66V150C1119 158.837 1111.84 166 1103 166H961V50Z" fill="#322FC1"/>
-<path d="M1025.2 95.5H1036.99L1021.22 137H1009.02L993.249 95.5H1005.04L1015.08 124.55L1025.2 95.5ZM1084.98 116.499V127.123H1078.76V137H1067.22V127.123H1039.75V116.499L1059.09 78.9H1071.37L1052.12 116.499H1067.22V102.721H1078.76V116.499H1084.98Z" fill="white"/>
+<svg width="218" height="25" viewBox="0 0 218 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M99.5286 3.66869C99.9514 4.09287 100.451 4.30496 101.026 4.30496C101.62 4.30496 102.128 4.09287 102.551 3.66869C102.974 3.24451 103.185 2.74362 103.185 2.16602C103.185 1.58841 102.974 1.08301 102.551 0.649805C102.128 0.2166 101.62 0 101.026 0C100.451 0 99.9514 0.2166 99.5286 0.649805C99.1059 1.08301 98.8945 1.58841 98.8945 2.16602C98.8945 2.74362 99.1059 3.24451 99.5286 3.66869Z" fill="#212067"/>
+<path d="M54.0071 9.20686C54.0071 9.25121 53.9711 9.28716 53.9268 9.28716H50.9579V14.9188C50.9579 15.3881 51.0748 15.7311 51.3087 15.9477C51.5426 16.1643 51.8843 16.2861 52.3341 16.3132C52.7455 16.3379 53.2473 16.3363 53.8394 16.3082L53.8546 16.3074L53.8819 16.3061L53.9225 16.304C53.9685 16.3017 54.0071 16.3383 54.0071 16.3843V19.3956C54.0071 19.4365 53.9763 19.4709 53.9357 19.4754C53.9159 19.4775 53.896 19.4797 53.8812 19.4813C51.5553 19.7301 49.9108 19.4998 48.9476 18.7906C47.9672 18.0686 47.477 16.778 47.477 14.9188V9.28716H45.2097C45.1654 9.28716 45.1294 9.25121 45.1294 9.20686V6.01013C45.1294 5.96578 45.1654 5.92983 45.2097 5.92983H47.477V3.69377C47.477 3.63016 47.5146 3.57255 47.5727 3.54686L50.8452 2.10169C50.8982 2.07824 50.9579 2.11711 50.9579 2.17514V5.92983H53.9268C53.9711 5.92983 54.0071 5.96578 54.0071 6.01013V9.20686Z" fill="#212067"/>
+<path d="M60.3189 8.25812C60.6428 7.39171 61.1779 6.74191 61.9245 6.3087C62.6077 5.91225 63.3624 5.69721 64.1888 5.66358C64.2287 5.66195 64.2899 5.66075 64.3394 5.65997C64.384 5.65927 64.4205 5.69535 64.4205 5.74001V9.41391C64.4205 9.49061 64.3538 9.54965 64.2774 9.54272C63.2737 9.45163 62.3724 9.67323 61.5737 10.2075C60.7372 10.7671 60.3189 11.6967 60.3189 12.9963V19.387C60.3189 19.4313 60.283 19.4673 60.2386 19.4673H56.9184C56.874 19.4673 56.8381 19.4313 56.8381 19.387V6.00995C56.8381 5.9656 56.874 5.92965 56.9184 5.92965H60.2386C60.283 5.92965 60.3189 5.9656 60.3189 6.00995V8.25812Z" fill="#212067"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76.778 5.92942C76.7337 5.92942 76.6977 5.96538 76.6977 6.00972V7.52686C75.6544 6.2092 74.1883 5.55037 72.2994 5.55037C70.5005 5.55037 68.958 6.24078 67.6717 7.62163C66.3855 9.00247 65.7424 10.6947 65.7424 12.6982C65.7424 14.7018 66.3855 16.394 67.6717 17.7748C68.958 19.1557 70.5005 19.8461 72.2994 19.8461C74.1883 19.8461 75.6544 19.1873 76.6977 17.8696V19.3867C76.6977 19.4311 76.7337 19.467 76.778 19.467H80.0983C80.1427 19.467 80.1786 19.4311 80.1786 19.3867V6.00972C80.1786 5.96538 80.1427 5.92942 80.0983 5.92942H76.778ZM70.2754 15.4601C70.977 16.164 71.8674 16.516 72.9468 16.516C74.0261 16.516 74.921 16.1595 75.6316 15.4465C76.3422 14.7336 76.6975 13.8175 76.6975 12.6984C76.6975 11.5793 76.3422 10.6633 75.6316 9.95027C74.921 9.23728 74.0261 8.8808 72.9468 8.8808C71.8674 8.8808 70.977 9.23728 70.2754 9.95027C69.5738 10.6633 69.223 11.5793 69.223 12.6984C69.223 13.8175 69.5738 14.7381 70.2754 15.4601Z" fill="#212067"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95.2972 7.62163C94.011 6.24078 92.4595 5.55037 90.6426 5.55037C88.7537 5.55037 87.2966 6.2092 86.2712 7.52686V6.00972C86.2712 5.96538 86.2353 5.92942 86.1909 5.92942H82.8706C82.8263 5.92942 82.7903 5.96537 82.7903 6.00972V24.8018C82.7903 24.8461 82.8263 24.8821 82.8706 24.8821H86.1909C86.2353 24.8821 86.2712 24.8461 86.2712 24.8018V17.8696C87.2966 19.1873 88.7537 19.8461 90.6426 19.8461C92.4595 19.8461 94.011 19.1557 95.2972 17.7748C96.5835 16.394 97.2266 14.7018 97.2266 12.6982C97.2266 10.6947 96.5835 9.00247 95.2972 7.62163ZM87.3233 15.4601C88.0249 16.164 88.9153 16.516 89.9947 16.516C91.074 16.516 91.969 16.1595 92.6795 15.4465C93.3901 14.7336 93.7454 13.8175 93.7454 12.6984C93.7454 11.5793 93.3901 10.6633 92.6795 9.95027C91.969 9.23728 91.074 8.8808 89.9947 8.8808C88.9153 8.8808 88.0249 9.23728 87.3233 9.95027C86.6217 10.6633 86.2709 11.5793 86.2709 12.6984C86.2709 13.8175 86.6217 14.7381 87.3233 15.4601Z" fill="#212067"/>
+<path d="M99.3799 19.4673C99.3356 19.4673 99.2996 19.4314 99.2996 19.387V6.01002C99.2996 5.96567 99.3356 5.92972 99.3799 5.92972H102.7C102.745 5.92972 102.781 5.96567 102.781 6.01002V19.387C102.781 19.4314 102.745 19.4673 102.7 19.4673H99.3799Z" fill="#212067"/>
+<path d="M37.2456 10.654C36.7688 10.4284 36.5305 10.1351 36.5305 9.77409C36.5305 9.43114 36.6789 9.16039 36.9757 8.96183C37.2725 8.76328 37.6458 8.66401 38.0955 8.66401C38.9579 8.66401 39.6094 9.00131 40.0499 9.67592C40.0806 9.72298 40.1404 9.74203 40.1918 9.71922L43.1287 8.41551C43.1724 8.3961 43.1895 8.34305 43.1652 8.30187C43.1328 8.24713 43.0902 8.17576 43.0619 8.13109C42.5585 7.33708 41.9073 6.74557 41.0907 6.29492C40.1913 5.79854 39.1929 5.55036 38.0955 5.55036C36.6384 5.55036 35.4197 5.93392 34.4393 6.70105C33.4589 7.46819 32.9687 8.5196 32.9687 9.85532C32.9687 10.7398 33.207 11.4753 33.6837 12.0619C34.1604 12.6486 34.7406 13.0773 35.4242 13.348C36.1078 13.6188 36.7913 13.8444 37.4749 14.0249C38.1585 14.2054 38.7387 14.4085 39.2154 14.6341C39.6921 14.8597 39.9304 15.153 39.9304 15.514C39.9304 16.2902 39.3098 16.6783 38.0686 16.6783C36.887 16.6783 36.0683 16.2401 35.6123 15.3639C35.5731 15.2886 35.4834 15.2542 35.4059 15.2886L32.4773 16.5906C32.436 16.609 32.418 16.6578 32.4376 16.6984C32.4495 16.723 32.462 16.7487 32.4711 16.767C33.4946 18.8197 35.3604 19.8461 38.0686 19.8461C39.6156 19.8461 40.9063 19.4715 41.9407 18.7224C42.9751 17.9734 43.4923 16.9039 43.4923 15.514C43.4923 14.5935 43.2539 13.8264 42.7772 13.2126C42.3005 12.5989 41.7203 12.1612 41.0368 11.8995C40.3532 11.6378 39.6696 11.4212 38.986 11.2497C38.3024 11.0782 37.7223 10.8797 37.2456 10.654Z" fill="#212067"/>
+<path d="M0 8.66667C0 4.58116 0 2.53841 1.2692 1.2692C2.53841 0 4.58116 0 8.66667 0H16.3333C20.4188 0 22.4616 0 23.7308 1.2692C25 2.53841 25 4.58116 25 8.66667V16.3333C25 20.4188 25 22.4616 23.7308 23.7308C22.4616 25 20.4188 25 16.3333 25H8.66667C4.58116 25 2.53841 25 1.2692 23.7308C0 22.4616 0 20.4188 0 16.3333V8.66667Z" fill="#4945FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2497 7.58301H8.83301V11.8745H13.1245V16.1662H8.83301V16.1663H17.4163V7.74967C17.4163 7.65763 17.3417 7.58301 17.2497 7.58301Z" fill="white"/>
+<rect x="12.958" y="11.8748" width="0.166667" height="0.166667" fill="white"/>
+<path d="M8.83301 11.8748H12.958C13.0501 11.8748 13.1247 11.9494 13.1247 12.0414V16.1664H8.99967C8.90763 16.1664 8.83301 16.0918 8.83301 15.9998V11.8748Z" fill="#9593FF"/>
+<path d="M13.125 16.1665H17.4167L13.2673 20.3159C13.2148 20.3684 13.125 20.3312 13.125 20.257V16.1665Z" fill="#9593FF"/>
+<path d="M8.83316 11.8749H4.74268C4.66844 11.8749 4.63126 11.7852 4.68375 11.7327L8.83316 7.58325V11.8749Z" fill="#9593FF"/>
+<path d="M115.448 4.12736C115.448 1.84788 117.296 0 119.576 0H162.972V24.8821H119.576C117.296 24.8821 115.448 23.0342 115.448 20.7547V4.12736Z" fill="#4945FF"/>
+<path d="M127.97 7.5071C129.363 7.5071 130.523 7.99542 131.451 8.97208C132.389 9.94873 132.858 11.1526 132.858 12.5837C132.858 14.0149 132.389 15.2188 131.451 16.1954C130.523 17.1721 129.363 17.6604 127.97 17.6604H123.938V7.5071H127.97ZM127.97 15.7458C128.85 15.7458 129.566 15.4557 130.117 14.8755C130.668 14.2856 130.944 13.5217 130.944 12.5837C130.944 11.6458 130.668 10.8867 130.117 10.3065C129.566 9.71665 128.85 9.42172 127.97 9.42172H125.94V15.7458H127.97ZM142.821 16.3405C141.796 17.3558 140.549 17.8635 139.079 17.8635C137.609 17.8635 136.362 17.3558 135.337 16.3405C134.322 15.3155 133.814 14.0632 133.814 12.5837C133.814 11.1043 134.322 9.85686 135.337 8.84153C136.362 7.81653 137.609 7.30403 139.079 7.30403C140.549 7.30403 141.796 7.81653 142.821 8.84153C143.846 9.85686 144.359 11.1043 144.359 12.5837C144.359 14.0632 143.846 15.3155 142.821 16.3405ZM136.744 14.977C137.373 15.5959 138.151 15.9053 139.079 15.9053C140.008 15.9053 140.786 15.5959 141.415 14.977C142.043 14.3485 142.357 13.5507 142.357 12.5837C142.357 11.6168 142.043 10.819 141.415 10.1905C140.786 9.56193 140.008 9.24766 139.079 9.24766C138.151 9.24766 137.373 9.56193 136.744 10.1905C136.115 10.819 135.801 11.6168 135.801 12.5837C135.801 13.5507 136.115 14.3485 136.744 14.977ZM150.581 17.8635C149.054 17.8635 147.792 17.3558 146.796 16.3405C145.8 15.3251 145.302 14.0729 145.302 12.5837C145.302 11.0849 145.8 9.83269 146.796 8.82703C147.792 7.8117 149.054 7.30403 150.581 7.30403C151.5 7.30403 152.346 7.5216 153.12 7.95675C153.903 8.38222 154.512 8.96241 154.947 9.69731L153.221 10.6981C152.97 10.2437 152.612 9.89071 152.148 9.63929C151.684 9.37821 151.162 9.24766 150.581 9.24766C149.595 9.24766 148.797 9.5571 148.188 10.176C147.589 10.7948 147.289 11.5974 147.289 12.5837C147.289 13.5604 147.589 14.3582 148.188 14.977C148.797 15.5959 149.595 15.9053 150.581 15.9053C151.162 15.9053 151.684 15.7796 152.148 15.5282C152.622 15.2671 152.979 14.9142 153.221 14.4694L154.947 15.4702C154.512 16.2051 153.908 16.7901 153.134 17.2253C152.361 17.6507 151.51 17.8635 150.581 17.8635Z" fill="#F0F0FF"/>
+<path d="M162.972 0H213.208C215.487 0 217.335 1.84788 217.335 4.12736V20.7547C217.335 23.0342 215.487 24.8821 213.208 24.8821H162.972V0Z" fill="#F0F0FF"/>
+<path d="M177.429 10.7067H175.573L174.207 15.7127H174.098L172.719 10.7067H170.827L173.142 17.3633H175.126L177.429 10.7067ZM182.574 17.3633H184.315V15.7611H185.458V14.298H184.315V8.639H181.758C180.591 10.4286 179.406 12.3633 178.306 14.3282V15.7611H182.574V17.3633ZM179.944 14.2496C180.736 12.8409 181.667 11.3234 182.52 10.0235H182.616V14.3464H179.944V14.2496ZM188.076 17.5144C188.729 17.5144 189.146 17.0791 189.146 16.4866C189.146 15.8941 188.729 15.4649 188.076 15.4649C187.429 15.4649 187.006 15.8941 187.006 16.4866C187.006 17.0791 187.429 17.5144 188.076 17.5144ZM193.886 17.587C196.044 17.587 197.35 15.882 197.35 12.9921C197.35 10.0961 196.026 8.4153 193.886 8.4153C191.74 8.4153 190.422 10.0961 190.422 12.986C190.422 15.882 191.728 17.587 193.886 17.587ZM193.886 16.142C192.889 16.142 192.272 15.0779 192.272 12.986C192.272 10.9123 192.895 9.86028 193.886 9.86028C194.884 9.86028 195.5 10.9062 195.5 12.986C195.5 15.0779 194.89 16.142 193.886 16.142ZM199.636 17.5144C200.289 17.5144 200.706 17.0791 200.706 16.4866C200.706 15.8941 200.289 15.4649 199.636 15.4649C198.989 15.4649 198.566 15.8941 198.566 16.4866C198.566 17.0791 198.989 17.5144 199.636 17.5144ZM205.446 17.587C207.604 17.587 208.91 15.882 208.91 12.9921C208.91 10.0961 207.586 8.4153 205.446 8.4153C203.3 8.4153 201.982 10.0961 201.982 12.986C201.982 15.882 203.288 17.587 205.446 17.587ZM205.446 16.142C204.448 16.142 203.832 15.0779 203.832 12.986C203.832 10.9123 204.454 9.86028 205.446 9.86028C206.443 9.86028 207.06 10.9062 207.06 12.986C207.06 15.0779 206.45 16.142 205.446 16.142Z" fill="#4945FF"/>
 </svg>
diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue
index 2c3662f06a..04f5883067 100644
--- a/docs/.vuepress/theme/components/Navbar.vue
+++ b/docs/.vuepress/theme/components/Navbar.vue
@@ -103,10 +103,10 @@ $navbar-horizontal-padding = 1.5rem
   a, span, img
     display inline-block
   .logo
-    height $navbarHeight - 1.4rem
+    height 25px
     min-width $navbarHeight - 1.4rem
     margin-right 0.8rem
-    vertical-align top
+    vertical-align middle
   .site-name
     font-size 1.3rem
     font-weight 600

From 80080e6015df4683a5bf939577858ddca1191c96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Tue, 9 Aug 2022 19:00:12 +0200
Subject: [PATCH 06/17] Position the search bar

---
 docs/.vuepress/styles/branding.styl           | 25 ++++++++++++++++++-
 docs/.vuepress/styles/palette.styl            |  2 ++
 .../theme/components/AlgoliaSearchBox.vue     |  6 ++---
 docs/.vuepress/theme/components/Navbar.vue    | 12 +--------
 docs/.vuepress/theme/icons/NextIcon.svg       |  1 -
 5 files changed, 30 insertions(+), 16 deletions(-)
 delete mode 100644 docs/.vuepress/theme/icons/NextIcon.svg

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index 2354b53221..1a13a1cee1 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -33,4 +33,27 @@ body
     .arrow
       // TODO:
 
-
+.search-box
+  width: 100%
+  margin: 22px 0 0 !important
+  text-align: center
+
+  span
+    width: calc(100% - 50px)
+
+  input
+    width: inherit !important
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 13px !important;
+    color: $neutral600 !important
+    border-radius: 6px !important
+    border: 1px solid $neutral200 !important
+
+    &::-webkit-input-placeholder
+       color $neutral600 !important
+    &:-moz-placeholder  /* Firefox 18- */
+       color $neutral600 !important
+    &::-moz-placeholder  /* Firefox 19+ */
+       color $neutral600 !important
+    &:-ms-input-placeholder
+       color $neutral600 !important
diff --git a/docs/.vuepress/styles/palette.styl b/docs/.vuepress/styles/palette.styl
index 48d0318e68..6dca2eaec8 100644
--- a/docs/.vuepress/styles/palette.styl
+++ b/docs/.vuepress/styles/palette.styl
@@ -42,7 +42,9 @@ $alternative100 = #F6E6FC
 $neutral900 = #212134
 $neutral800 = #32324D
 $neutral700 = #4A4A6A
+$neutral600 = #666687
 $neutral500 = #8E8EA9
+$neutral200 = #DCDCE4
 $neutral150 = #eaeaef
 $neutral100 = #F6F6F9
 $neutral0   = #FFFFFF
diff --git a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
index c1f46b2246..f49f891ef9 100644
--- a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -7,7 +7,7 @@
     <input
       id="algolia-search-input"
       class="search-query"
-      :placeholder="placeholder"
+      placeholder="Quick search..."
     >
   </form>
 </template>
@@ -17,7 +17,7 @@ export default {
   props: ['options'],
   data () {
     return {
-      placeholder: undefined
+      placeholder: 'undefined'
     }
   },
   mounted () {
@@ -137,4 +137,4 @@ export default {
       width 5px
       margin -3px 3px 0
       vertical-align middle
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue
index 04f5883067..7470168443 100644
--- a/docs/.vuepress/theme/components/Navbar.vue
+++ b/docs/.vuepress/theme/components/Navbar.vue
@@ -38,21 +38,16 @@
         'max-width': linksWrapMaxWidth + 'px'
       } : {}"
     >
-      <AlgoliaSearchBox
-        :options="algolia"
-      />
       <NavLinks class="can-hide"/>
     </div>
   </header>
 </template>
 
 <script>
-import AlgoliaSearchBox from '@theme/components/AlgoliaSearchBox'
-import SearchBox from '@SearchBox'
 import SidebarButton from '@parent-theme/components/SidebarButton.vue'
 import NavLinks from '@parent-theme/components/NavLinks.vue'
 export default {
-  components: { SidebarButton, NavLinks, AlgoliaSearchBox, SearchBox},
+  components: { SidebarButton, NavLinks },
   data () {
     return {
       linksWrapMaxWidth: null,
@@ -74,11 +69,6 @@ export default {
     window.addEventListener('resize', handleLinksWrapWidth, false)
     this.isBeta = /documentation\/3.0.0-beta.x/.test(window.location.href)
   },
-  computed: {
-    algolia () {
-      return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
-    }
-  }
 }
 function css (el, property) {
   // NOTE: Known bug, will return 'auto' if style value is 'auto'
diff --git a/docs/.vuepress/theme/icons/NextIcon.svg b/docs/.vuepress/theme/icons/NextIcon.svg
deleted file mode 100644
index 99035875e6..0000000000
--- a/docs/.vuepress/theme/icons/NextIcon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10.7c0-.11.09-.2.2-.2h18.06l-8.239-8.239a.2.2 0 0 1 0-.282L11.86.14a.2.2 0 0 1 .282 0L23.86 11.86a.2.2 0 0 1 0 .282L12.14 23.86a.2.2 0 0 1-.282 0L10.02 22.02a.2.2 0 0 1 0-.282L18.26 13.5H.2a.2.2 0 0 1-.2-.2v-2.6Z" fill="#fff"/></svg>
\ No newline at end of file

From c344095f3095724752c81b22d33a8bd09494e0b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Wed, 10 Aug 2022 11:09:25 +0200
Subject: [PATCH 07/17] Add new search icon

---
 docs/.vuepress/public/assets/SearchIcon.png | Bin 0 -> 831 bytes
 docs/.vuepress/styles/branding.styl         |   5 ++
 docs/.vuepress/theme/components/Sidebar.vue |  70 ++++++++++++++++++++
 3 files changed, 75 insertions(+)
 create mode 100644 docs/.vuepress/public/assets/SearchIcon.png
 create mode 100644 docs/.vuepress/theme/components/Sidebar.vue

diff --git a/docs/.vuepress/public/assets/SearchIcon.png b/docs/.vuepress/public/assets/SearchIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e2bc1b1141bb9984e5a01ade43cf65530d1bad9
GIT binary patch
literal 831
zcmV-F1Hk-=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0@O)FK~#7Fy;e<b
z+CUV3Gv-H?y6_EZZa_~ESTqQA(Xvb&QhWl^696YjZ(v8l%CdCP(xeNL6O<ctj=&<S
z8fts`21rBf8GG!6d=kQX^X9#8X5Jrx47l!Rvs`}BBZTY$kUEO2&C&vY41e<|3eURT
z_7xNWQ7!oXWu0?4B?KCv1<t}S8XX_EJ;(tmf${kJ2_f_p3W2lbGHN<bo9SpL2;j+G
z{OiG^z!^Z$vF*3>EKTzC&i?~r<Zm;J1i5$qV}Q(u3blm@G)k#3wlWw+#KichQ_A}o
zE0%npc#hw%9jCK^Gy<+WwJH_kmsEj}$?ffplV)TSGk5?nll%Fn!^76cR08Aig@=wl
zB$vaHZMTP@f%EgJ6-CBR8HwdGtf_*Miqp%TgQx3U;NYOm@L4*twNgnPSF~Iv@1+Yg
z96?TWyKk;I=VwV<Mqjmu0vPWka!;HH3V?I!NyMhOX^<1(wYU%i=L-~sxCL03=?AD*
zX<epIF_m7$g`5Wr9s$ltBKL!Um@-`|6E2rjnQ~7JK|uSubb(K3>goytEH1>ZR+xb6
z&V=)Nl2ph*LEt(rGz?=83c@h{NYh$1FHkHVleiFTdt*HQb^<veh8M$FmE@ScNSRes
zl{SQw2CCdup;~>3-IQ2KTXdq@LpKa%RnM$c=*;)OX2yd!xoG8B1!dR2u<d<MwRfu>
zUy4Sea^_(}8O0mQ*1Xu4o%|krXxpt(DuJ|awq=N6kztr-i;Y7oT|b*dd?FGzFw-}h
z7fBKiDj~j=D4|U(&kS|~GW7k6fs()-2`m~-SzFbBs40s)B&5ASwBn<qRu5-_njoTa
zBiC3@Z~)zJ;CC|*2?ClB@exJT!a}{u6iSJhfLIXR%;WQ-ZY*Ii_p}M*h3`*$SeV@`
zy`2%zBM~|~C6G=cba3ePc1}P}V(nafQFsQdorTWE`RLBMz(1S+H-fTO==1;p002ov
JPDHLkV1hb>Z(#rc

literal 0
HcmV?d00001

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index 1a13a1cee1..0dc7bd617b 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -39,15 +39,20 @@ body
   text-align: center
 
   span
+    display: block
     width: calc(100% - 50px)
 
   input
     width: inherit !important
+    height: 40px !important;
+    padding: 0 0 0 40px !important;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     font-size: 13px !important;
     color: $neutral600 !important
     border-radius: 6px !important
     border: 1px solid $neutral200 !important
+    background: #fff url(/assets/SearchIcon.png) 12px 12px no-repeat !important;
+    background-size: 16px 16px !important;
 
     &::-webkit-input-placeholder
        color $neutral600 !important
diff --git a/docs/.vuepress/theme/components/Sidebar.vue b/docs/.vuepress/theme/components/Sidebar.vue
new file mode 100644
index 0000000000..24f9535a76
--- /dev/null
+++ b/docs/.vuepress/theme/components/Sidebar.vue
@@ -0,0 +1,70 @@
+<template>
+  <aside class="sidebar">
+    <AlgoliaSearchBox
+      :options="algolia"
+    />
+    <NavLinks />
+
+    <slot name="top" />
+
+    <SidebarLinks
+      :depth="0"
+      :items="items"
+    />
+    <slot name="bottom" />
+  </aside>
+</template>
+
+<script>
+import AlgoliaSearchBox from '@theme/components/AlgoliaSearchBox'
+import SearchBox from '@SearchBox'
+import SidebarLinks from '@theme/components/SidebarLinks.vue'
+import NavLinks from '@theme/components/NavLinks.vue'
+export default {
+  name: 'Sidebar',
+  components: { SidebarLinks, NavLinks, AlgoliaSearchBox, SearchBox },
+  props: ['items'],
+  computed: {
+    algolia () {
+      return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.sidebar
+  ul
+    padding 0
+    margin 0
+    list-style-type none
+  a
+    display inline-block
+  .nav-links
+    display none
+    border-bottom 1px solid $borderColor
+    padding 0.5rem 0 0.75rem 0
+    a
+      font-weight 600
+    .nav-item, .repo-link
+      display block
+      line-height 1.25rem
+      font-size 1.1em
+      padding 0.5rem 0 0.5rem 1.5rem
+  & > .sidebar-links
+    padding 1.5rem 0
+    & > li > a.sidebar-link
+      font-size 1.1em
+      line-height 1.7
+      font-weight bold
+    & > li:not(:first-child)
+      margin-top .75rem
+@media (max-width: $MQMobile)
+  .sidebar
+    .nav-links
+      display block
+      .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
+        top calc(1rem - 2px)
+    & > .sidebar-links
+      padding 1rem 0
+</style>

From dd9c57e83aabbed382ec38471305bc550adf1951 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Wed, 10 Aug 2022 12:02:26 +0200
Subject: [PATCH 08/17] Apply branding in the results

---
 docs/.vuepress/styles/branding.styl           | 40 +++++++++++++++++--
 .../theme/components/AlgoliaSearchBox.vue     |  8 +++-
 docs/.vuepress/theme/components/Sidebar.vue   |  2 +
 3 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index 0dc7bd617b..cf9d329106 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -35,15 +35,15 @@ body
 
 .search-box
   width: 100%
-  margin: 22px 0 0 !important
+  margin: 22px 0 0 -2px !important
   text-align: center
 
-  span
+  >span
     display: block
     width: calc(100% - 50px)
 
   input
-    width: inherit !important
+    width: calc(100% - 40px) !important
     height: 40px !important;
     padding: 0 0 0 40px !important;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
@@ -62,3 +62,37 @@ body
        color $neutral600 !important
     &:-ms-input-placeholder
        color $neutral600 !important
+
+.al
+.algolia-search-wrapper
+  .algolia-autocomplete
+    .ds-dropdown-menu [class^=ds-dataset-]
+      padding: 0
+      border: 1px solid $neutral150
+      .ds-suggestions
+        margin-top: 0
+    .ds-dropdown-menu
+      box-shadow 0 1px 3px 1px $neutral150
+    .algolia-docsearch-suggestion
+      padding: 0
+      .algolia-docsearch-suggestion--wrapper
+        padding: 0 0 0 16px
+      .algolia-docsearch-suggestion--category-header
+        margin: 0
+        padding: 10px 16px 10px
+        color: $neutral900 !important
+        border-bottom: 1px solid $neutral150 !important
+        background: $neutral100
+      .algolia-docsearch-suggestion--subcategory-column
+        color: $neutral600 !important
+        &:before
+          background $neutral150
+      .algolia-docsearch-suggestion--title
+        padding-right: 16px
+        color $neutral900 !important
+        line-height 24px !important
+      .algolia-docsearch-suggestion--text
+        padding-right: 16px
+        color $neutral400 !important
+    .algolia-docsearch-footer
+      display: none !important
diff --git a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
index f49f891ef9..3b21b00df8 100644
--- a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -34,12 +34,17 @@ export default {
         const { algoliaOptions = {}} = userOptions
         docsearch(Object.assign(
           {},
+          // {
+          //   autocompleteOptions: {
+          //     debug: true
+          //   }
+          // },
           userOptions,
           {
             inputSelector: '#algolia-search-input',
             // #697 Make docsearch work well at i18n mode.
             algoliaOptions: Object.assign({
-              'facetFilters': [`lang:${lang}`].concat(algoliaOptions.facetFilters || [])
+              'facetFilters': [`lang:${lang}`].concat(algoliaOptions.facetFilters || []),
             }, algoliaOptions),
             handleSelected: (input, event, suggestion) => {
               const { pathname, hash } = new URL(suggestion.url)
@@ -73,6 +78,7 @@ export default {
   .algolia-autocomplete
     .ds-dropdown-menu
       width: 500px
+      overflow: auto
     .algolia-docsearch-suggestion
       .algolia-docsearch-suggestion--category-header
         color: black
diff --git a/docs/.vuepress/theme/components/Sidebar.vue b/docs/.vuepress/theme/components/Sidebar.vue
index 24f9535a76..d12eddff89 100644
--- a/docs/.vuepress/theme/components/Sidebar.vue
+++ b/docs/.vuepress/theme/components/Sidebar.vue
@@ -34,6 +34,8 @@ export default {
 
 <style lang="stylus">
 .sidebar
+  overflow: initial
+
   ul
     padding 0
     margin 0

From 11e4f77dcc29409cea07e58e21da17f31db4b27f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Wed, 10 Aug 2022 12:16:20 +0200
Subject: [PATCH 09/17] Adjust positioning

---
 docs/.vuepress/styles/branding.styl                | 14 ++++++++++++--
 .../theme/components/AlgoliaSearchBox.vue          | 10 +++++-----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index cf9d329106..2993d4afcc 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -72,7 +72,17 @@ body
       .ds-suggestions
         margin-top: 0
     .ds-dropdown-menu
-      box-shadow 0 1px 3px 1px $neutral150
+      overflow: initial
+      margin: 10px 0 0
+      box-shadow 0 1px 3px 1px rgba(0,0,0,.15)
+      &:before
+        background $neutral100
+        border: 1px solid $neutral150
+        box-shadow 0 1px 3px 1px $neutral150
+      .ds-suggestion.ds-cursor
+        .algolia-docsearch-suggestion:not(.suggestion-layout-simple)
+          .algolia-docsearch-suggestion--content
+            background-color: $primary100
     .algolia-docsearch-suggestion
       padding: 0
       .algolia-docsearch-suggestion--wrapper
@@ -90,7 +100,7 @@ body
       .algolia-docsearch-suggestion--title
         padding-right: 16px
         color $neutral900 !important
-        line-height 24px !important
+        line-height 22px !important
       .algolia-docsearch-suggestion--text
         padding-right: 16px
         color $neutral400 !important
diff --git a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
index 3b21b00df8..8c439a84cf 100644
--- a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -34,11 +34,11 @@ export default {
         const { algoliaOptions = {}} = userOptions
         docsearch(Object.assign(
           {},
-          // {
-          //   autocompleteOptions: {
-          //     debug: true
-          //   }
-          // },
+          {
+            autocompleteOptions: {
+              debug: true
+            }
+          },
           userOptions,
           {
             inputSelector: '#algolia-search-input',

From d3c43d438ca3580d5cf8d27cda86b47b3edf35a9 Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Fri, 19 Aug 2022 14:28:27 +0200
Subject: [PATCH 10/17] Add TODO to fix sidebar behavior

---
 docs/.vuepress/theme/components/Sidebar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/.vuepress/theme/components/Sidebar.vue b/docs/.vuepress/theme/components/Sidebar.vue
index d12eddff89..4f08b9e613 100644
--- a/docs/.vuepress/theme/components/Sidebar.vue
+++ b/docs/.vuepress/theme/components/Sidebar.vue
@@ -34,7 +34,7 @@ export default {
 
 <style lang="stylus">
 .sidebar
-  overflow: initial
+  overflow: initial // TODO: fix — This makes the sidebar not scrollable
 
   ul
     padding 0

From 7f4666171b06c5499e3d9033e0869e1347dee39a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Fri, 9 Sep 2022 14:37:26 -0700
Subject: [PATCH 11/17] Fix tablet display

---
 docs/.vuepress/theme/components/AlgoliaSearchBox.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
index 8c439a84cf..9875952e77 100644
--- a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -36,7 +36,7 @@ export default {
           {},
           {
             autocompleteOptions: {
-              debug: true
+              debug: false
             }
           },
           userOptions,
@@ -126,6 +126,9 @@ export default {
         .ds-dropdown-menu
           min-width 515px !important
 @media (max-width: $MQMobile)
+  .search-box input
+    left: 0 !important
+
   .algolia-search-wrapper
     .ds-dropdown-menu
       min-width calc(100vw - 4rem) !important

From d8605be45a2ca39fbc3ddc7bd2260c7f1a5c5915 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Thu, 15 Sep 2022 17:13:22 -0700
Subject: [PATCH 12/17] Fix Algolia search and positioning

---
 docs/.vuepress/styles/branding.styl           | 33 ++++++++++++---
 .../theme/components/AlgoliaSearchBox.vue     | 21 ++++++----
 docs/.vuepress/theme/components/Sidebar.vue   | 41 ++++++++++++++-----
 3 files changed, 71 insertions(+), 24 deletions(-)

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index 1c0a139a4c..d097413379 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -33,17 +33,28 @@ body
     .arrow
       // TODO:
 
+#algolia-autocomplete-listbox-0
+#algolia-autocomplete-listbox-1
+#algolia-autocomplete-listbox-2
+  left: 24px !important
+
 .search-box
-  width: 100%
-  margin: 22px 0 0 -2px !important
+  display: inline-block
+  width: 20rem
+  margin: 0 !important
+  padding: 22px 0 20px 0 !important
   text-align: center
 
   >span
-    display: block
-    width: calc(100% - 50px)
+    display: inline-block
+    width: 100%
+
+  .search-query
+    display: none
 
-  input
-    width: calc(100% - 40px) !important
+  #algolia-search-input
+    display: inline-block
+    width: calc(20rem - 90px) !important
     height: 40px !important;
     padding: 0 0 0 40px !important;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
@@ -63,6 +74,16 @@ body
     &:-ms-input-placeholder
        color $neutral600 !important
 
+.theme-container
+  display: flex
+  flex-direction: column
+  height: 100%
+
+.algolia-autocomplete
+  &.algolia-autocomplete-left
+    &.ds-dropdown-menu
+      left: 24px !important
+
 .al
 .algolia-search-wrapper
   .algolia-autocomplete
diff --git a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
index 9875952e77..958f70b094 100644
--- a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -30,13 +30,17 @@ export default {
         import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
         import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
       ]).then(([docsearch]) => {
-        docsearch = docsearch.default
-        const { algoliaOptions = {}} = userOptions
+        const sidebar = document.querySelector(".sidebar");
+
+        docsearch = docsearch.default;
+
+        const { algoliaOptions = {}} = userOptions;
+
         docsearch(Object.assign(
           {},
           {
             autocompleteOptions: {
-              debug: false
+              debug: true
             }
           },
           userOptions,
@@ -50,8 +54,12 @@ export default {
               const { pathname, hash } = new URL(suggestion.url)
               const removedBase = config.base ? '/' + pathname.replace(config.base, '') : pathname;
               this.$router.push(`${removedBase}${hash}`)
-            }
-          }
+              sidebar.style.width = '20rem';
+            },
+            queryHook: function(query) {
+              sidebar.style.width = '40rem';
+            },
+          },
         ))
       })
     },
@@ -72,12 +80,11 @@ export default {
 </script>
 
 <style lang="stylus">
-
 .al
 .algolia-search-wrapper
   .algolia-autocomplete
     .ds-dropdown-menu
-      width: 500px
+      width: 40rem
       overflow: auto
     .algolia-docsearch-suggestion
       .algolia-docsearch-suggestion--category-header
diff --git a/docs/.vuepress/theme/components/Sidebar.vue b/docs/.vuepress/theme/components/Sidebar.vue
index 4f08b9e613..a8ce22cbf7 100644
--- a/docs/.vuepress/theme/components/Sidebar.vue
+++ b/docs/.vuepress/theme/components/Sidebar.vue
@@ -1,17 +1,20 @@
 <template>
   <aside class="sidebar">
-    <AlgoliaSearchBox
-      :options="algolia"
-    />
-    <NavLinks />
+    <div class="sidebar-box">
+      <AlgoliaSearchBox
+        :options="algolia"
+      />
 
-    <slot name="top" />
+      <NavLinks />
 
-    <SidebarLinks
-      :depth="0"
-      :items="items"
-    />
-    <slot name="bottom" />
+      <slot name="top" />
+
+      <SidebarLinks
+        :depth="0"
+        :items="items"
+      />
+      <slot name="bottom" />
+    </div>
   </aside>
 </template>
 
@@ -33,8 +36,21 @@ export default {
 </script>
 
 <style lang="stylus">
+
 .sidebar
-  overflow: initial // TODO: fix — This makes the sidebar not scrollable
+  overflow: scroll
+  width: 20rem
+  background-color: transparent
+  border: none
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  .sidebar-box
+    width: calc(20rem - 1px)
+    background: #fff
+    border-right: 1px solid #eee
 
   ul
     padding 0
@@ -43,6 +59,9 @@ export default {
   a
     display inline-block
   .nav-links
+    position: absolute
+    left: 0
+    top: 0
     display none
     border-bottom 1px solid $borderColor
     padding 0.5rem 0 0.75rem 0

From 76935eeb24b3e48344f05e63d22c4f56aeeb1cdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Mon, 19 Sep 2022 08:47:28 +0700
Subject: [PATCH 13/17] Improve search bar UX

---
 .../theme/components/AlgoliaSearchBox.vue     | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
index 958f70b094..25de21ce1e 100644
--- a/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/docs/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -26,11 +26,14 @@ export default {
   },
   methods: {
     initialize (userOptions, config, lang) {
+      const self = this;
+
       Promise.all([
         import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
         import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
       ]).then(([docsearch]) => {
-        const sidebar = document.querySelector(".sidebar");
+        const sidebar = document.querySelector('.sidebar');
+        const input = document.getElementById('algolia-search-input');
 
         docsearch = docsearch.default;
 
@@ -40,7 +43,7 @@ export default {
           {},
           {
             autocompleteOptions: {
-              debug: true
+              debug: false
             }
           },
           userOptions,
@@ -51,10 +54,18 @@ export default {
               'facetFilters': [`lang:${lang}`].concat(algoliaOptions.facetFilters || []),
             }, algoliaOptions),
             handleSelected: (input, event, suggestion) => {
-              const { pathname, hash } = new URL(suggestion.url)
+              const { pathname, hash } = new URL(suggestion.url);
               const removedBase = config.base ? '/' + pathname.replace(config.base, '') : pathname;
-              this.$router.push(`${removedBase}${hash}`)
+
+              // Redirect to the resource
+              this.$router.push(`${removedBase}${hash}`);
+
+
+              console.log(input, self.placeholder)
+              // Reset parameters for better UX
               sidebar.style.width = '20rem';
+              input.setVal(self.placeholder);
+
             },
             queryHook: function(query) {
               sidebar.style.width = '40rem';

From 28f2fd970a025684be04f6ed5ca72bb70ef6fa81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Mon, 19 Sep 2022 09:13:48 +0700
Subject: [PATCH 14/17] Add code & links in the search dataset

---
 .algolia/docsearch.config.json | 58 ++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/.algolia/docsearch.config.json b/.algolia/docsearch.config.json
index 6b018b2477..b33f3a1210 100644
--- a/.algolia/docsearch.config.json
+++ b/.algolia/docsearch.config.json
@@ -1,34 +1,38 @@
 {
   "index_name": "documentation",
   "start_urls": [
-    "https://docs.strapi.io"
+    {
+      "url": "https://docs.strapi.io",
+    }
   ],
   "selectors": {
-    "lvl0": {
-      "selector": "(//*[contains(@class, 'sidebar-heading open')])[1]",
-      "type": "xpath",
-      "global": true
-    },
-    "lvl1": {
-      "selector": "//h1/text()",
-      "type": "xpath",
-      "global": true
-    },
-    "lvl2": {
-      "selector": "/html/head/meta[@name='description']/@content",
-      "type": "xpath",
-      "global": true
-    },
-    "lvl4": {
-      "selector": "//h2/text()",
-      "type": "xpath",
-      "global": true
-    },
-    "text": ".content__default p",
-    "lang": {
-      "selector": "/html/@lang",
-      "type": "xpath",
-      "global": true
+    "default": {
+      "lvl0": {
+        "selector": "(//*[contains(@class, 'sidebar-heading open')])[1]",
+        "type": "xpath",
+        "global": true
+      },
+      "lvl1": {
+        "selector": "//h1/text()",
+        "type": "xpath",
+        "global": true
+      },
+      "lvl2": {
+        "selector": "/html/head/meta[@name='description']/@content",
+        "type": "xpath",
+        "global": true
+      },
+      "lvl4": {
+        "selector": "//h2/text()",
+        "type": "xpath",
+        "global": true
+      },
+      "text": ".content__default p, .content__default ul>li a, .content__default ul>li code",
+      "lang": {
+        "selector": "/html/@lang",
+        "type": "xpath",
+        "global": true
+      }
     }
   },
   "strip_chars": " .,;:#",
@@ -40,4 +44,4 @@
       "lang"
     ]
   }
-}
\ No newline at end of file
+}

From 21cbfd46d8f694f4b9ab4a21a0422ae67a121ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Mon, 19 Sep 2022 09:16:27 +0700
Subject: [PATCH 15/17] Increase importance of h2 titles

---
 .algolia/docsearch.config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.algolia/docsearch.config.json b/.algolia/docsearch.config.json
index b33f3a1210..e07fd168e6 100644
--- a/.algolia/docsearch.config.json
+++ b/.algolia/docsearch.config.json
@@ -22,7 +22,7 @@
         "type": "xpath",
         "global": true
       },
-      "lvl4": {
+      "lvl3": {
         "selector": "//h2/text()",
         "type": "xpath",
         "global": true

From 86307f84fcbfd52b842151fb7c3775511a5cc6ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Georget?= <aurelsicoko@gmail.com>
Date: Mon, 19 Sep 2022 09:19:49 +0700
Subject: [PATCH 16/17] Fix docsearch.config.json

---
 .algolia/docsearch.config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.algolia/docsearch.config.json b/.algolia/docsearch.config.json
index e07fd168e6..6eb543d468 100644
--- a/.algolia/docsearch.config.json
+++ b/.algolia/docsearch.config.json
@@ -2,7 +2,7 @@
   "index_name": "documentation",
   "start_urls": [
     {
-      "url": "https://docs.strapi.io",
+      "url": "https://docs.strapi.io"
     }
   ],
   "selectors": {

From 05945c09741f276a843f81652b7c2c8e06db6a1e Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Thu, 22 Sep 2022 14:38:32 +0200
Subject: [PATCH 17/17] Fix search bar and nav-links positioning on mobile

Tested on desktop and "mobile" (a.k.a. Dev Tools simulation tools)
on Firefox, Chrome and Safari
---
 docs/.vuepress/styles/branding.styl | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/.vuepress/styles/branding.styl b/docs/.vuepress/styles/branding.styl
index d097413379..54eb0b1d04 100644
--- a/docs/.vuepress/styles/branding.styl
+++ b/docs/.vuepress/styles/branding.styl
@@ -166,6 +166,15 @@ h2
 .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
   border-left-color $primary600 !important
 
+// Fix search bar and nav-links positioning on mobile
+@media screen and (max-width: $MQMobile)
+  .nav-links
+    margin-top: 124px
+    background-color: white
+
+  .nav-links+.sidebar-links
+    padding-top: 244px
+
 .nav-links a
 .nav-links a.router-link-active
   font-weight 600