Merge pull request #1795 from VirajSalaka/PE-home-menu-fix

Fix expanding navigation when on menu icon in home page

Author: VirajSalaka

Diff for: en/developer-docs/docs/index.md

@@ -1,18 +1,3 @@
 ---
 template: templates/home-page-2.html
 ---
-
-<div class="container cHeaderTop cHomeContainer">
-       <div class="row">
-          <div class="col-sm-12 col-md-12 col-lg-12">
-          <h1>Welcome to the Choreo Learning Portal</h1>
-          </div>
-          <div class="col-sm-12 col-md-6 col-lg-6">
-             <p><b>Note</b><br/>The Home page will be designed to  provide a guided experience to any user coming to docs with a valid Choreo use case.<br/> We intend to <b>ONLY INCLUDE</b> conceptual information in the documentation  for the relevant topics and **NOT INCLUDE** any how to guides, or instructions with the exception of Tutorials.</p>
-          </div>
-          <div class="col-sm-12 col-md-6 col-lg-6">
-            <iframe width="800" height="250" src="https://www.youtube.com/embed/65cXAAyeJX0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-          </div>
-       </div>
-</div>
-

Diff for: en/developer-docs/mkdocs.yml

@@ -24,7 +24,7 @@ site_dir: site/developer
 # Repository
 repo_name: wso2/docs-choreo-dev
 repo_url: https://github.com/wso2/docs-choreo-dev/
-edit_uri: https://github.com/wso2/docs-choreo-dev/edit/PE/en/developer-docs/docs
+edit_uri: ""
 dev_addr: localhost:8000
 
 # Copyright

Diff for: en/pe-docs/docs/index.md

@@ -1,18 +1,3 @@
 ---
 template: templates/pe-home-page.html
 ---
-
-<div class="container cHeaderTop cHomeContainer">
-       <div class="row">
-          <div class="col-sm-12 col-md-12 col-lg-12">
-          <h1>Welcome to the Choreo Learning Portal</h1>
-          </div>
-          <div class="col-sm-12 col-md-6 col-lg-6">
-             <p><b>Note</b><br/>The Home page will be designed to  provide a guided experience to any user coming to docs with a valid Choreo use case.<br/> We intend to <b>ONLY INCLUDE</b> conceptual information in the documentation  for the relevant topics and **NOT INCLUDE** any how to guides, or instructions with the exception of Tutorials.</p>
-          </div>
-          <div class="col-sm-12 col-md-6 col-lg-6">
-            <iframe width="800" height="250" src="https://www.youtube.com/embed/65cXAAyeJX0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-          </div>
-       </div>
-</div>
-

Diff for: en/pe-docs/mkdocs.yml

@@ -24,7 +24,7 @@ site_dir: site/platform-engineer
 # Repository
 repo_name: wso2/docs-choreo-dev
 repo_url: https://github.com/wso2/docs-choreo-dev/
-edit_uri: https://github.com/wso2/docs-choreo-dev/edit/PE/en/pe-docs/docs
+edit_uri: ""
 dev_addr: localhost:8000
 
 # Copyright

Diff for: en/theme/material/templates/home-page-2.html

@@ -75,7 +75,7 @@
 {% endif %} 
  <section class="md-section">
     <div class="md-grid md-typeset">
-      <div class="section01" style="display: block;  text-align: center; width: 70%;  flex-shrink: 0;min-width: 40%; max-height: 280px; max-width:100%; margin-left:10px; padding-top: 0.5rem; text-align: -webkit-center; margin:auto; margin-top: 1rem;margin-bottom: 1rem; ">
+       <div class="section01" style="display: block;  text-align: center; width: 70%;  flex-shrink: 0;min-width: 40%; max-height: 280px; max-width:100%; margin-left:10px; padding-top: 0.5rem; text-align: -webkit-center; margin:auto; margin-top: 1rem;margin-bottom: 1rem; ">
         <h1 style="font-weight: 700; font-size: 43px; line-height: 48px; padding-top: 2.5rem;">How can we help?</h1>
        </div> 
        <div class="md-search" data-md-component="search" role="dialog" style="align-items:center; width: 100%; height: 100%;">
@@ -185,6 +185,13 @@ <h1 style="font-weight: 700; font-size: 43px; line-height: 48px; padding-top: 2.
    background-image: url('assets/img/home/background.svg') !important;
    background-position-y: -24rem;
 }
+
+@media screen and (min-width: 1220px) {
+  .md-main__inner {
+    display: none;
+  }
+}
+
 </style>
 </header>
 {% endblock %}
@@ -198,7 +205,11 @@ <h1 style="font-weight: 700; font-size: 43px; line-height: 48px; padding-top: 2.
 {% block palette%}
 {% endblock %}
 <main class="md-main" data-md-component="main">
-
+  <div class="md-main__inner md-grid"> 
+        {% block site_nav %}
+        {{super()}}
+        {% endblock %}
+  </div>
   <div class="md-container-home data-md-component="container">
   <div style="height: 5rem;"></div>
   <div class="row md_home_link_container_row">

Diff for: en/theme/material/templates/pe-home-page.html

@@ -185,6 +185,13 @@ <h1 style="font-weight: 700; font-size: 43px; line-height: 48px; padding-top: 2.
    background-image: url('assets/img/home/background.svg') !important;
    background-position-y: -24rem;
 }
+
+@media screen and (min-width: 1220px) {
+  .md-main__inner {
+    display: none;
+  }
+}
+
 </style>
 </header>
 {% endblock %}
@@ -198,7 +205,11 @@ <h1 style="font-weight: 700; font-size: 43px; line-height: 48px; padding-top: 2.
 {% block palette%}
 {% endblock %}
 <main class="md-main" data-md-component="main">
-
+  <div class="md-main__inner md-grid"> 
+    {% block site_nav %}
+    {{super()}}
+    {% endblock %}
+  </div>
   <div class="md-container-home data-md-component="container">
   <div style="height: 5rem;"></div>
   <div class="row md_home_link_container_row">