Responsive menu problem abpframework#132 - Fixed

zaktecs · Dec 20, 2018 · 24c5597 · 24c5597
1 parent 740bcc5
commit 24c5597
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 25 deletions.
diff --git a/abp_io/src/Volo.AbpWebSite.Web/Pages/Index.cshtml b/abp_io/src/Volo.AbpWebSite.Web/Pages/Index.cshtml
@@ -195,34 +195,34 @@
             </p>
         </div>
         <div class="row justify-content-md-center">
-            <div class="col-md">
+            <div class="col-lg">
                 <div class="code-block">
                     <pre class="line-numbers"> 
                     <code class="language-html">
-&lt;abp-card&gt;
-    &lt;img abp-card-image="Top" src="~/images/my-dog.png" /&gt;
-    &lt;abp-card-body&gt;
-        &lt;abp-card-title&gt;Card title&lt;/abp-card-title&gt;
-        &lt;abp-card-text&gt;
-            &lt;p&gt;
-                This is a sample card component built by ABP bootstrap
-                card tag helper. ABP has tag helper wrappers for most of 
-                the bootstrap components.
-            &lt;/p&gt;
-        &lt;/abp-card-text&gt;
-        &lt;a abp-button="Primary" href="#"&gt;Go somewhere &amp;rarr;&lt;/a&gt;
-    &lt;/abp-card-body&gt;
-&lt;/abp-card&gt;
+                    &lt;abp-card&gt;
+                        &lt;img abp-card-image="Top" src="~/images/my-dog.png" /&gt;
+                        &lt;abp-card-body&gt;
+                            &lt;abp-card-title&gt;Card title&lt;/abp-card-title&gt;
+                            &lt;abp-card-text&gt;
+                                &lt;p&gt;
+                                    This is a sample card component built by ABP bootstrap
+                                    card tag helper. ABP has tag helper wrappers for most of 
+                                    the bootstrap components.
+                                &lt;/p&gt;
+                            &lt;/abp-card-text&gt;
+                            &lt;a abp-button="Primary" href="#"&gt;Go somewhere &amp;rarr;&lt;/a&gt;
+                        &lt;/abp-card-body&gt;
+                    &lt;/abp-card&gt;
                         </code>
                     </pre>
                 </div>
             </div>
-            <div class="col-md-1">
+            <div class="col-lg-1">
                 <span class="code-arrow">
                     <i class="fa fa-long-arrow-right"></i>
                 </span>
             </div>
-            <div class="col-md text-dark">
+            <div class="col-lg text-dark">
                 <div class="abp-browser">
                     <div class="browser-container">
                         <div class="browser-row">
@@ -265,7 +265,7 @@
         </div>
 
         <div class="row justify-content-md-center">
-            <div class="col-md">
+            <div class="col-lg">
                 <div class="code-block">
                     <pre class="line-numbers" data-line=""> 
                     <code class="language-xml">
@@ -300,12 +300,12 @@ public class PersonModel
                     </pre>
                 </div>
             </div>
-            <div class="col-md-1">
+            <div class="col-lg-1">
                 <span class="code-arrow">
                     <i class="fa fa-long-arrow-right"></i>
                 </span>
             </div>
-            <div class="col-md">
+            <div class="col-lg">
                 <div class="abp-browser">
                     <div class="browser-container">
                         <div class="browser-row">

diff --git a/abp_io/src/Volo.AbpWebSite.Web/Pages/Shared/Components/Header/Default.cshtml b/abp_io/src/Volo.AbpWebSite.Web/Pages/Shared/Components/Header/Default.cshtml
@@ -26,8 +26,7 @@
                         <a class="nav-link" href="https://github.com/abpframework/abp/" target="_blank">Github</a>
                     </li>
                     <li class="for-mobile">
-                        <button type="button" class="close close-mmenu" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
+                        <button type="button" class="close close-mmenu" aria-label="Close"> 
                         </button>
                     </li>
                 </ul>

diff --git a/abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.css b/abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.css
@@ -600,7 +600,7 @@ span.code-arrow {
     .docs-page .docs-page-index {
       display: none; } }
 
-@media (max-width: 767px) {
+@media (max-width: 992px) {
   body {
     font-size: 14px; }
   .for-mobile {

diff --git a/abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.min.css b/abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.min.css
diff --git a/abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.scss b/abp_io/src/Volo.AbpWebSite.Web/wwwroot/scss/vs.scss
@@ -3,7 +3,7 @@
 @import "footer.scss";
 @import "home.scss";
 @import "docs.scss"; 
-@media (max-width: 767px) { 
+@media (max-width: 992px) { 
     @import "responsive.scss"; 
 }