Merge pull request #9625 from marmelab/feat/add-youtube-icon-on-doc-a…

…ppBar [Doc] Add youtube icon to doc AppBar
marmelab · Jan 30, 2024 · 5721603 · 5721603
2 parents 5fd93bc + f4d6d39
commit 5721603
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 3 deletions.
diff --git a/docs/_includes/nav.html b/docs/_includes/nav.html
@@ -26,7 +26,7 @@
                     >Enterprise Edition</a
                 >
             </li>
-            <li>
+            <li class="social">
                 <a
                     href="https://github.com/marmelab/react-admin"
                     title="GitHub"
@@ -46,7 +46,7 @@
                     </svg>
                 </a>
             </li>
-            <li>
+            <li class="social">
                 <a href="https://discord.gg/GeZF9sqh3N" title="Discord">
                     <svg
                         height="25px"
@@ -56,7 +56,6 @@
                         style="
                             height: 20px;
                             vertical-align: middle;
-                            margin-right: 10px;
                             fill: #ffffff;
                         "
                     >
@@ -66,6 +65,25 @@
                     </svg>
                 </a>
             </li>
+            <li class="social">
+                <a href="https://www.youtube.com/@react-admin" title="Youtube">
+                    <svg
+                        height="25px"
+                        width="25px"
+                        viewBox="0 0 16 16"
+                        preserveAspectRatio="xMidYMid"
+                        style="
+                            vertical-align: middle;
+                            margin-right: 10px;
+                            fill: #ffffff;
+                        "
+                    >
+                        <path
+                            d="M15.32 4.06c-.434-.772-.905-.914-1.864-.968C12.498 3.027 10.089 3 8.002 3c-2.091 0-4.501.027-5.458.091-.957.055-1.429.196-1.867.969C.23 4.831 0 6.159 0 8.497v.008c0 2.328.23 3.666.677 4.429.438.772.909.912 1.866.977.958.056 3.368.089 5.459.089 2.087 0 4.496-.033 5.455-.088.959-.065 1.43-.205 1.864-.977.451-.763.679-2.101.679-4.429v-.008c0-2.339-.228-3.667-.68-4.438zM6 11.5v-6l5 3-5 3z"
+                        ></path>
+                    </svg>
+                </a>
+            </li>
         </ul>
     </div>
 </nav>
diff --git a/docs/css/style-v19.css b/docs/css/style-v19.css
@@ -69,6 +69,21 @@ nav ul#nav-mobile a {
     font-size: 16px;
 }
 
+nav ul a {
+    padding: 0 12px;
+}
+
+nav ul li.social a {
+    padding: 0 6px;
+}
+
+nav ul li:nth-child(5) {
+    padding-left: 6px;
+}
+
+nav ul li:nth-child(7) {
+    padding-right: 6px;
+}
 .sidenav {
     height: 100%;
     padding-bottom: 1em;