Merge pull request #3235 from ClickHouse/fix_mobile_menu

fix mobile menu + unify sidebar

Author: gingerwizard

docusaurus.config.js

@@ -198,65 +198,7 @@ const config = {
 					href: 'https://clickhouse.com/',
 				},
 				items: [
-					{
-						type: 'dropdown',
-						label: 'Product',
-						hoverable: 'true',
-						className: 'ch-menu',
-						position: 'left',
-						items: [
-							{
-								label: 'ClickHouse',
-								to: 'https://clickhouse.com/clickhouse',
-							},
-							{
-								label: 'ClickHouse Cloud',
-								to: 'https://clickhouse.com/cloud',
-							},
-						],
-					},
 
-					{
-						type: 'dropdown',
-						hoverable: 'true',
-						label: 'Resources',
-						className: 'ch-menu',
-						position: 'left',
-						items: [
-							{
-								to: '/docs/',
-								label: 'Docs',
-							},
-							{
-								label: 'ClickHouse Academy',
-								to: 'https://clickhouse.com/learn',
-							},
-							{
-								label: 'Upcoming training',
-								to: 'https://clickhouse.com/company/news-events',
-							},
-							{
-								label: 'Blog',
-								to: 'https://clickhouse.com/blog',
-							},
-							{
-								label: 'Support Program',
-								to: 'https://clickhouse.com/support/program',
-							},
-						],
-					},
-					{
-						position: 'left',
-						label: 'Use Cases',
-						className: 'ch-menu',
-						to: 'https://clickhouse.com/customer-stories',
-					},
-					{
-						position: 'left',
-						label: 'Pricing',
-						className: 'ch-menu',
-						to: 'https://clickhouse.com/pricing',
-					},
 				],
 			},
 			footer: {
@@ -2411,182 +2353,7 @@ const config = {
 	],
 	customFields: {
 		blogSidebarLink: '/docs/knowledgebase',
-		galaxyApiEndpoint: process.env.NEXT_PUBLIC_GALAXY_API_ENDPOINT || 'http://localhost:3000',
-		secondaryNavItems: [
-			{
-				type: 'docSidebar',
-				label: 'Docs',
-				className: 'ch-menu',
-				position: 'left',
-				to: '/docs',
-				sidebarId: 'docs',
-			},
-			{
-				type: 'docSidebar',
-				label: 'Cloud',
-				sidebarId: 'cloud',
-				className: 'ch-menu',
-				position: 'left',
-				to: '/docs/en/cloud/index',
-			},
-			{
-				type: 'docSidebar',
-				label: 'SQL Reference',
-				sidebarId: 'sqlreference',
-				className: 'ch-menu',
-				position: 'left',
-				to: '/docs/en/sql-reference',
-			},
-			{
-				type: 'docSidebar',
-				label: 'chDB',
-				sidebarId: 'chdb',
-				className: 'ch-menu',
-				position: 'left',
-				to: '/docs/en/chdb',
-			},
-			{
-				type: 'docSidebar',
-				label: 'Data Types',
-				sidebarId: 'dataTypes',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/interfaces/cli",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Interfaces',
-				sidebarId: 'interfaces',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/interfaces/cli",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Development and Contributing',
-				sidebarId: 'developmentAndContributing',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/development/adding_test_queries",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Tools and Utilities',
-				sidebarId: 'toolsAndUtilities',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/operations/utilities/backupview",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Syntax',
-				sidebarId: 'syntax',
-				className: 'ch-menu',
-				position: 'left',
-				to: 'en/sql-reference/ansi',
-			},
-			{
-				type: 'docSidebar',
-				label: 'Table and Database Engines',
-				sidebarId: 'tableAndDatabaseEngines',
-				className: 'ch-menu',
-				position: 'left',
-				to: 'en/engines/database-engines/atomic',
-			},
-			{
-				type: 'docSidebar',
-				label: 'Datasets',
-				sidebarId: 'datasets',
-				className: 'ch-menu',
-				position: 'left',
-				to: 'en/getting-started/example-datasets',
-			},
-			{
-				type: 'docSidebar',
-				label: 'System Tables',
-				sidebarId: 'systemTables',
-				className: 'ch-menu',
-				position: 'left',
-				to: '/docs/en/operations/system-tables/asynchronous_insert_log',
-			},
-			{
-				type: 'docSidebar',
-				label: 'Performance and Optimization',
-				sidebarId: 'performanceAndOptimization',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/optimize/asynchronous-inserts",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Concepts',
-				sidebarId: 'concepts',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/operations/analyzer",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Getting Started',
-				sidebarId: 'gettingStarted',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/quick-start",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Security and Authentication',
-				sidebarId: 'securityAndAuth',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/operations/external-authenticators",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Statements',
-				sidebarId: 'statements',
-				className: 'ch-menu',
-				position: 'left',
-				to: "en/sql-reference/statements/alter/apply-deleted-mask",
-			},
-			{
-				type: 'docSidebar',
-				label: 'Settings',
-				sidebarId: 'settings',
-				className: 'ch-menu',
-				position: 'left',
-				to: '/docs/en/operations/settings/index',
-			},
-			{
-				label: 'Knowledge Base',
-				className: 'ch-menu',
-				position: 'left',
-				to: 'knowledgebase',
-			},
-			{
-				type: 'dropdown',
-				hoverable: 'false',
-				html:
-					'<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">\n' +
-					'<path d="M6.95 12.6496L9.75 5.26628H11.0333L13.8333 12.6496H12.55L11.9 10.7663H8.91667L8.25 12.6496H6.95ZM9.28333 9.69961H11.5L10.4167 6.64961H10.3667L9.28333 9.69961ZM2.08333 10.7996L1.21667 9.93294L4.33333 6.83294C3.94444 6.39961 3.60556 5.95228 3.31667 5.49094C3.02778 5.03005 2.77222 4.54405 2.55 4.03294H3.83333C4.02222 4.41072 4.22222 4.74672 4.43333 5.04094C4.64444 5.33561 4.89444 5.64405 5.18333 5.96628C5.63889 5.47739 6.01667 4.97472 6.31667 4.45828C6.61667 3.94139 6.86667 3.3885 7.06667 2.79961H0.25V1.58294H4.55V0.349609H5.78333V1.58294H10.0833V2.79961H8.3C8.07778 3.53294 7.78333 4.24116 7.41667 4.92428C7.05 5.60783 6.59444 6.25516 6.05 6.86628L7.53333 8.36628L7.06667 9.63294L5.16667 7.73294L2.08333 10.7996Z" fill="currentColor"/>\n' +
-					'</svg>',
-				position: 'right',
-				items: [
-					{
-						label: 'English',
-						to: '/',
-					},
-					{
-						label: 'Russian',
-						to: '/ru',
-					},
-					{
-						label: 'Chinese',
-						to: '/zh',
-					},
-				],
-			},
-		],
+		galaxyApiEndpoint: process.env.NEXT_PUBLIC_GALAXY_API_ENDPOINT || 'http://localhost:3000'
 	},
 }
 

plugins/menuItems.json

@@ -18,15 +18,23 @@
             "icon": "https://clickhouse.com/cloud.svg"
           },
           {
-            "id": 1,
+            "id": 2,
+            "name": "Bring Your Own Cloud",
+            "description": "A fully managed ClickHouse Cloud service, deployed in your own AWS account.",
+            "href": "/cloud/bring-your-own-cloud",
+            "target": "_self",
+            "icon": "https://clickhouse.com/cloud_byoc.svg"
+          },
+          {
+            "id": 3,
             "name": "ClickHouse",
             "description": "Spin up a database server with open-source ClickHouse.",
             "href": "/clickhouse",
             "target": "_self",
             "icon": "https://clickhouse.com/drive.svg"
           },
           {
-            "id": 3,
+            "id": 4,
             "name": "View 100+ integrations",
             "href": "/integrations",
             "target": "_self"