f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Fix search results slow scrolling (#273)

Browse Source 
also:
- improve its responsive design
- fix the js path in gulp
This commit is contained in:
Cotes Chung
2021-02-04 23:44:48 +08:00
parent f864b5c324
commit 5669f792a7
8 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
_sass/addon/commons.scss
View File

@@ -811,9 +811,6 @@ $sidebar-display: "sidebar-display";
#search-result-wrapper {
display: none;
position: fixed;
top: 0;
padding-top: 3rem;
height: 100%;
overflow: auto;
.post-content {
@@ -1257,6 +1254,10 @@ $sidebar-display: "sidebar-display";
min-width: 150px;
}
#search-result-wrapper {
margin-top: 3rem;
}
div.post-content .table-wrapper > table {
min-width: 70%;
}
@@ -1311,10 +1312,6 @@ $sidebar-display: "sidebar-display";
left: 210px;
}
#search-result-wrapper {
width: calc(100% - 210px);
}
#search-results > div {
max-width: 700px;
}
@@ -1392,10 +1389,6 @@ $sidebar-display: "sidebar-display";
transition: all 0.3s ease-in-out;
}
#search-result-wrapper {
width: calc(100% - 260px);
}
#search-results > div {
max-width: 46%;
&:nth-child(odd) {
@@ -1608,7 +1601,6 @@ $sidebar-display: "sidebar-display";
}
#search-result-wrapper {
width: calc(100% - #{$sidebar-width-large});
> div {
max-width: #{$main-content-max-width};
}
@@ -1651,7 +1643,7 @@ $sidebar-display: "sidebar-display";
}
#search-result-wrapper {
padding-right: calc(100% - #{$sidebar-width-large} - 1530px);
padding-right: calc(100% - #{$sidebar-width-large} - 1180px);
}
#panel-wrapper {