Use unified navbar for all pages

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

assets/styles/layouts/notes.scss

@@ -16,63 +16,63 @@ body.type-notes {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-  
+
   .content {
     padding: 0;
     position: relative;
     padding-top: 2rem;
     min-height: 130vh;
   }
-  
-  .note-card-holder{
+
+  .note-card-holder {
     padding-top: 2rem;
     display: grid;
     grid-gap: 0.5rem;
-    grid-template-columns: repeat(auto-fill, minmax(30rem,1fr));
+    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
     grid-auto-rows: 20px;
   }
-  
+
   /* .note-collection {
     display: flex;
     flex-wrap: wrap;
   } */
-  
+
   .note-card {
     align-self: flex-start;
   }
-  
-  .note-card .card{
+
+  .note-card .card {
     margin: 0.5rem;
   }
-  
-  .note-title{
+
+  .note-title {
     padding-left: 1rem;
     color: #248aaa;
   }
-  
-  .note-title span{
+
+  .note-title span {
     background: #e5e9f2;
     padding-right: 5px;
   }
-  
-  .note-title:before{
-    content:'';
-    display:inline-block;
-    width:98%;
-    height:100%;
-    margin-bottom:-26px;
+
+  .note-title:before {
+    content: '';
+    display: inline-block;
+    width: 98%;
+    height: 100%;
+    margin-bottom: -26px;
     border-bottom: 1px solid #248aaa;
   }
-  
-  .note-card .card-body{
+
+  .note-card .card-body {
     padding: 1rem;
   }
-  
+
   .note-card pre {
     margin: 0;
     border-radius: 3px;
   }
-  
+
   /* .small-note{
     max-width: 15rem;
   }
@@ -86,14 +86,13 @@ body.type-notes {
   }
   
   .huge-note{} */
-  
-  .note-badge{
+
+  .note-badge {
     font-size: 10pt;
   }
-  
-  
+
   /* ============= Device specific fixes ======= */
-  
+
   /* Large screens such as TV */
   @media only screen and (min-width: 1824px) {
     .content-section {
@@ -103,20 +102,18 @@ body.type-notes {
       max-width: 85%;
     }
   }
-  
-  
+
   /* Extra large devices (large desktops, 1200px and up) */
-  
+
   @media (max-width: 1400px) {
     .note-card-holder {
       margin-left: 0px;
     }
   }
-  
+
   @media (max-width: 1200px) {
-  
   }
-  
+
   /* IPad Pro */
   @media (max-width: 1024px) {
     .wrapper {
@@ -130,12 +127,12 @@ body.type-notes {
       padding-bottom: 0.5rem;
       transition: all ease-out 0.3s;
     }
-  
+
     .content-section.hide {
       max-width: 60%;
       transition: all ease-out 0.3s;
     }
-  
+
     .content {
       overflow: hidden;
     }
@@ -145,18 +142,14 @@ body.type-notes {
     .navbar-toggler {
       display: block;
     }
-  
-    #toc-toggler {
-      visibility: hidden;
-    }
-  
+
     .navbar-collapse.lang-selector {
       display: block !important;
       position: absolute;
       right: 0;
       top: 0.5rem;
     }
-  
+
     .note-card-holder {
       margin: 0;
       margin-top: 1.5rem;
@@ -165,37 +158,36 @@ body.type-notes {
       position: relative;
       transition: all ease-out 0.3s;
     }
-  
-    .content-section.hide .note-card-holder{
-      grid-template-columns: repeat(auto-fill, minmax(30rem,1fr));
+
+    .content-section.hide .note-card-holder {
+      grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
       transition: all ease-out 0.3s;
     }
   }
-  
+
   /*  Large devices (desktops, 992px and up) */
-  
+
   @media (max-width: 992px) {
     .note-card-holder .note-card {
       max-width: 100%;
       min-width: 50%;
       transition: all ease-out 0.3s;
     }
-  
+
     .content-section.hide .note-card-holder .note-card {
       max-width: 100%;
       min-width: 100%;
       transition: all ease-out 0.3s;
     }
   }
-  
+
   /* Medium devices (tablets, 768px and up) */
-  
+
   @media only screen and (max-width: 768px) {
-  
   }
-  
+
   /* Small devices (landscape phones, 576px and up) */
-  
+
   @media only screen and (max-width: 576px) {
     .wrapper {
       padding-left: 0px;
@@ -203,33 +195,35 @@ body.type-notes {
       flex-flow: column;
       overflow: hidden;
     }
-    .content-section, .content-section.hide {
+    .content-section,
+    .content-section.hide {
       flex: 100%;
       max-width: 100%;
       padding-left: 0;
       width: 100%;
       transition: all ease-out 0.3s;
     }
-  
+
     .content {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
       transition: all ease-out 0.3s;
     }
-  
+
     .content-section.hide .content {
       margin-top: 0;
       padding-top: 0;
       transition: all ease-out 0.3s;
     }
-  
+
     .content-section.hide .note-card-holder {
       margin-top: 0.5rem;
       transition: all ease-out 0.3s;
     }
-  
-    .note-card-holder .note-card, .content-section.hide .note-card-holder .note-card {
+
+    .note-card-holder .note-card,
+    .content-section.hide .note-card-holder .note-card {
       margin-left: 1%;
       margin-right: 1%;
       max-width: 98%;
@@ -237,16 +231,16 @@ body.type-notes {
       transition: all ease-out 0.3s;
     }
   }
-  
+
   /* iPhoneX, iPhone 6,7,8 */
   @media only screen and (max-width: 375px) {
   }
-  
+
   /* Galaxy S5, Moto G4 */
   @media only screen and (max-width: 360px) {
   }
-  
+
   /* iPhone 5 or before */
   @media only screen and (max-width: 320px) {
-  }  
+  }
 }