_sass/addon/commons.scss in jekyll-theme-chirpy-3.1.1 vs _sass/addon/commons.scss in jekyll-theme-chirpy-3.2.0

@@ -809,13 +809,10 @@
   width: 100%;
 }
 
 #search-result-wrapper {
   display: none;
-  position: fixed;
-  top: 0;
-  padding-top: 3rem;
   height: 100%;
   overflow: auto;
   .post-content {
     margin-top: 2rem;
   }
@@ -942,11 +939,11 @@
     font-size: 1.4rem;
     line-height: 2.5rem;
   }
 
   > div {
-    max-width: 100%;
+    width: 100%;
 
     &:not(:last-child) {
       margin-bottom: 1rem;
     }
 
@@ -1255,10 +1252,14 @@
   #search-wrapper {
     width: 22%;
     min-width: 150px;
   }
 
+  #search-result-wrapper {
+    margin-top: 3rem;
+  }
+
   div.post-content .table-wrapper > table {
     min-width: 70%;
   }
 
   /* button 'back-to-Top' position */
@@ -1309,14 +1310,10 @@
 
   #topbar-wrapper {
     left: 210px;
   }
 
-  #search-result-wrapper {
-    width: calc(100% - 210px);
-  }
-
   #search-results > div {
     max-width: 700px;
   }
 
   .site-title {
@@ -1390,16 +1387,12 @@
   #search-input {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
 
-  #search-result-wrapper {
-    width: calc(100% - 260px);
-  }
-
   #search-results > div {
-    max-width: 46%;
+    width: 46%;
     &:nth-child(odd) {
       margin-right: 1.5rem;
     }
     &:nth-child(even) {
       margin-left: 1.5rem;
@@ -1606,11 +1599,10 @@
     width: 87%;
     max-width: 1140px;
   }
 
   #search-result-wrapper {
-    width: calc(100% - #{$sidebar-width-large});
     > div {
       max-width: #{$main-content-max-width};
     }
   }
 
@@ -1649,10 +1641,10 @@
   #main > div.row {
     padding-left: 190px;
   }
 
   #search-result-wrapper {
-    padding-right: calc(100% - #{$sidebar-width-large} - 1530px);
+    padding-right: calc(100% - #{$sidebar-width-large} - 1180px);
   }
 
   #panel-wrapper {
     margin-left: 41px;
   }