Skip to content
This repository was archived by the owner on Nov 20, 2024. It is now read-only.

Commit 42a0342

Browse files
committed
Improve search page responsiveness
1 parent 4613f39 commit 42a0342

File tree

2 files changed

+13
-6
lines changed

2 files changed

+13
-6
lines changed

_scss/partials/_search.scss

+11-4
Original file line numberDiff line numberDiff line change
@@ -73,15 +73,21 @@ input[type=search] {
7373
margin: 0 auto;
7474
padding: 0 20px;
7575
display: flex;
76+
flex-wrap: wrap;
7677

7778
article {
7879
flex-grow: 1;
80+
flex-shrink: 1;
81+
flex-basis: 70%;
7982
padding-right: 30px;
83+
max-width: 100%;
8084
}
8185

8286
aside {
8387
min-width: 200px;
8488
flex-grow: 1;
89+
flex-shrink: 1;
90+
flex-basis: 30%;
8591
padding: 20px;
8692
}
8793

@@ -160,11 +166,7 @@ input[type=search] {
160166
}
161167

162168

163-
#tags {
164-
position: sticky;
165-
top: 80px;
166169

167-
}
168170

169171
/* PAGINATION */
170172
#pagination {
@@ -286,6 +288,11 @@ a.clear-all:hover {
286288
}
287289

288290

291+
#tags {
292+
// position: sticky;
293+
// top: 80px;
294+
}
295+
289296
.ais-refinement-list {
290297

291298
}

0 commit comments

Comments
 (0)