Fixing the tab formating problems caused by the version update

chanaka3d · Mar 28, 2023 · 15ffbf2 · 15ffbf2
1 parent dc0e76c
commit 15ffbf2
Show file tree

Hide file tree

Showing 5 changed files with 84 additions and 55 deletions.
diff --git a/en/docs/administration/organizations.md b/en/docs/administration/organizations.md
@@ -10,33 +10,35 @@ For example if an API named `sample-api` was created in organization `org1`. Use
 
 1. Define the organization payload JSON.
 
-     Create a JSON file and define the organization payload in it.
-
-     As an example, let's create a JSON file named `organization.json` with the following definition.
-
-     ```tab="Format"
-     {
-      "name": "",
-      "displayName": "",
-      "organizationClaimValue": "",
-      "enabled": ,
-      "serviceNamespaces": [
-      "string"
-      ]
-     }
-     ```
-
-     ```tab="Example"
-     {
-      "name": "org1",
-      "displayName": "org1",
-      "organizationClaimValue": "01234567-0123-0123-0123",
-      "enabled": true,
-      "serviceNamespaces": [
-      "string"
-      ]
-     }
-     ```
+	Create a JSON file and define the organization payload in it.
+
+	As an example, let's create a JSON file named `organization.json` with the following definition.
+
+	=== "Format"
+		```json
+		{
+			"name": "",
+			"displayName": "",
+			"organizationClaimValue": "",
+			"enabled": ,
+			"serviceNamespaces": [
+			"string"
+		]
+		}
+		```
+
+	=== "Example"
+		```json
+		{
+			"name": "org1",
+			"displayName": "org1",
+			"organizationClaimValue": "01234567-0123-0123-0123",
+			"enabled": true,
+			"serviceNamespaces": [
+				"string"
+			]
+		}
+		```
 
      The following table describes the elements that you need to define in the payload when creating an organization.
      
@@ -69,15 +71,17 @@ For example if an API named `sample-api` was created in organization `org1`. Use
 
 2. Execute the [`POST /organizations` Admin REST API](https://apk.docs.wso2.com/en/latest/catalogs/api-reference-admin/#tag/Organization-(Individual)/operation/addOrganization) to create an organization in WSO2 APK.
 
-     Execute the following cURL command.
+	Execute the following cURL command.
 
-     ```tab="Format"
-     curl -k -X POST -H "Authorization: Bearer <access-token>" -H "Content-Type: application/json" -d <organization-JSON-payload> "https://127.0.0.1:9443/api/am/admin/POST"
-     ```
+	=== "Format"
+		```command
+		curl -k -X POST -H "Authorization: Bearer <access-token>" -H "Content-Type: application/json" -d <organization-JSON-payload> "https://127.0.0.1:9443/api/am/admin/POST"
+		```
 
-     ```tab="Example"
-     curl -k -X POST -H "Authorization: Bearer ae4eae22-3f65-387b-a171-d37eaa366fa8" -H "Content-Type: application/json" -d organization.json "https://127.0.0.1:9443/api/am/admin/organizations"
-     ```
+    === "Example"
+		```command
+		curl -k -X POST -H "Authorization: Bearer ae4eae22-3f65-387b-a171-d37eaa366fa8" -H "Content-Type: application/json" -d organization.json "https://127.0.0.1:9443/api/am/admin/organizations"
+		```
 
      - `<access-token>` - Use the access token that you generated when creating an IdP.
      - `<organization-JSON-payload>` - Define the path to the organization payload, which you created in the previous step.

diff --git a/en/docs/apk-deck/identity-platform/idp/asgardeo-idp.md b/en/docs/apk-deck/identity-platform/idp/asgardeo-idp.md
@@ -48,13 +48,15 @@ Follow the instructions below to use Asgardeo as the Identity Provider (IdP) to
 
 ## Step 6 - Restart WSO2 APK
 
-```tab="Format"
-helm install <helm-chart-name> . -n <namespace>
-```
-
-```tab="Example"
-helm install apk-test . -n apk
-```
+=== "Format"
+	```
+	helm install <helm-chart-name> . -n <namespace>
+	```
+
+=== "Example"
+	```
+	helm install apk-test . -n apk
+	```
 
 ## Step 7 - Generate an Access Token
 

diff --git a/en/docs/apk-deck/identity-platform/idp/auth0-idp.md b/en/docs/apk-deck/identity-platform/idp/auth0-idp.md
@@ -58,13 +58,15 @@ If you have not created the user already, [create a user](https://auth0.com/docs
 
 ## Step 7 - Restart WSO2 APK
 
-```tab="Format"
-helm install <helm-chart-name> . -n <namespace>
-```
-
-```tab="Example"
-helm install apk-test . -n apk
-```
+=== "Format"
+	```
+	helm install <helm-chart-name> . -n <namespace>
+	```
+
+=== "Example"
+	```
+	helm install apk-test . -n apk
+	```
 
 
 ## Step 8 - Generate an Access Token

diff --git a/en/docs/apk-deck/identity-platform/idp/third-party-idp.md b/en/docs/apk-deck/identity-platform/idp/third-party-idp.md
@@ -66,13 +66,15 @@ The Idp section should include the following parameters:
 
 Restart WSO2 APK using the following command:
 
-```tab="Format"
-helm install <helm-chart-name> . -n <namespace>
-```
-
-```tab="Example"
-helm install apk-test . -n apk
-```
+=== "Format"
+	```
+	helm install <helm-chart-name> . -n <namespace>
+	```
+
+=== "Example"
+	```
+	helm install apk-test . -n apk
+	```
 
 ## Step 8 - Generate an Access Token
 

diff --git a/en/docs/assets/css/apktheme.css b/en/docs/assets/css/apktheme.css
@@ -86,4 +86,23 @@
 
 .footer-copyright-right {
     font-size: 0.60rem;
+}
+/* Home page specific styles */
+.homePage h2 {
+    font-size: 1.2rem;
+    color: var(--main);
+    border-bottom: 0;
+    margin-top: -5px;
+}
+
+.homePage h3 {
+    font-size: 1rem;
+    color: #333;
+    border-bottom: 0;
+    font-weight: 600;
+}
+
+.homePage h4 {
+    color: var(--main);
+    margin: 0;
 }