Fixes issue processing#696

riteshsp2000 · Apr 15, 2020 · 7027f66 · 7027f66
1 parent 73beae2
commit 7027f66
Show file tree

Hide file tree

Showing 3 changed files with 97 additions and 94 deletions.
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -70,96 +70,6 @@
   z-index: -2;
 }
 
-/* <======== Styling for responsive menu bar ========> */
-
-@media screen and (max-width: 719px) {
-  .sidebar-menu {
-    clear: both;
-    max-height: 0;
-    transition: max-height .4s ease-out;
-    overflow: hidden;
-  }
-
-  .sidebar-menu-nav-element {
-    width: 91vw;
-  }
-
-  .sidebar-menu a {
-    display: block;
-    text-align: center;
-    padding-bottom: 0.11em;
-    border-bottom: 0.11em dashed transparent;
-  }
-
-  .sidebar-menu-icon {
-    top: 2rem;
-    cursor: pointer;
-    float: right;
-    padding: 28px 20px;
-    position: relative;
-    user-select: none;
-    margin-bottom: 5rem;
-  }
-
-  .sidebar-menu-icon .sidebar-nav-icon {
-    background: #ED225D;
-    display: block;
-    height: 2px;
-    position: relative;
-    transition: background .4s ease-out;
-    width: 18px;
-  }
-
-  .sidebar-menu-icon .sidebar-nav-icon:before,
-  .sidebar-menu-icon .sidebar-nav-icon:after {
-    background: #ED225D;
-    content: '';
-    display: block;
-    height: 100%;
-    position: absolute;
-    transition: all .4s ease-out;
-    width: 100%;
-  }
-
-  .sidebar-menu-icon .sidebar-nav-icon:before {
-    top: 5px;
-  }
-
-  .sidebar-menu-icon .sidebar-nav-icon:after {
-    top: -5px;
-  }
-
-  .sidebar-menu-btn {
-    display: none;
-  }
-
-  .sidebar-menu-btn:checked ~ .sidebar-menu {
-    max-height: 475px;
-  }
-
-  .sidebar-menu-btn:checked ~ .sidebar-menu-icon .sidebar-nav-icon {
-    background: transparent;
-  }
-
-  .sidebar-menu-btn:checked ~ .sidebar-menu-icon .sidebar-nav-icon:before {
-    transform: rotate(-45deg);
-    top:0;
-  }
-
-  .sidebar-menu-btn:checked ~ .sidebar-menu-icon .sidebar-nav-icon:after {
-    transform: rotate(45deg);
-    top:0;
-  }
-
-}
-
-.sidebar-menu-btn {
-  display: none;
-}
-
-
-/* <=================================================> */
-
 #home-sketch-frame {
   position: fixed;
   width: 100%;
@@ -1956,7 +1866,6 @@ footer {
   clear: both;
 }
 
-
 /*
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
@@ -1966,6 +1875,100 @@ footer {
   *zoom: 1;
 }
 
+@media screen and (max-width: 1350px) {
+  #asterisk-design-element {
+    visibility: hidden;
+  }
+}
+
+/* ==========================================================================
+   Responsive design
+   ========================================================================== */
+@media screen and (max-width: 720px) {
+  .sidebar-menu {
+    clear: both;
+    max-height: 0;
+    transition: max-height .4s ease-out;
+    overflow: hidden;
+  }
+
+  .sidebar-menu-nav-element {
+    width: 91vw;
+  }
+
+  .sidebar-menu a {
+    display: block;
+    text-align: center;
+    padding-bottom: 0.11em;
+    border-bottom: 0.11em dashed transparent;
+  }
+
+  .sidebar-menu-icon {
+    top: 2rem;
+    cursor: pointer;
+    float: right;
+    padding: 28px 20px;
+    position: relative;
+    user-select: none;
+    margin-bottom: 5rem;
+  }
+
+  .sidebar-menu-icon .sidebar-nav-icon {
+    background: #ED225D;
+    display: block;
+    height: 2px;
+    position: relative;
+    transition: background .4s ease-out;
+    width: 18px;
+  }
+
+  .sidebar-menu-icon .sidebar-nav-icon:before,
+  .sidebar-menu-icon .sidebar-nav-icon:after {
+    background: #ED225D;
+    content: '';
+    display: block;
+    height: 100%;
+    position: absolute;
+    transition: all .4s ease-out;
+    width: 100%;
+  }
+
+  .sidebar-menu-icon .sidebar-nav-icon:before {
+    top: 5px;
+  }
+
+  .sidebar-menu-icon .sidebar-nav-icon:after {
+    top: -5px;
+  }
+
+  .sidebar-menu-btn {
+    display: none;
+  }
+
+  .sidebar-menu-btn:checked ~ .sidebar-menu {
+    max-height: 475px;
+  }
+
+  .sidebar-menu-btn:checked ~ .sidebar-menu-icon .sidebar-nav-icon {
+    background: transparent;
+  }
+
+  .sidebar-menu-btn:checked ~ .sidebar-menu-icon .sidebar-nav-icon:before {
+    transform: rotate(-45deg);
+    top:0;
+  }
+
+  .sidebar-menu-btn:checked ~ .sidebar-menu-icon .sidebar-nav-icon:after {
+    transform: rotate(45deg);
+    top:0;
+  }
+
+}
+
+.sidebar-menu-btn {
+  display: none;
+}
+
 
 /* ==========================================================================
    Responsive design
@@ -1991,7 +1994,7 @@ footer {
   display: inline-block;
 }
 
-@media (min-width: 769px) {
+@media (min-width: 720px) {
   .container {
     width: 49em !important;
     margin: 10em auto; /* temp promo, 11.5em */

diff --git a/src/templates/pages/reference/assets/js/reference.js b/src/templates/pages/reference/assets/js/reference.js