Skip to content

Commit e739a3e

Browse files
committed
feat(search): make search field sticky on scroll
1 parent 856c289 commit e739a3e

File tree

1 file changed

+12
-3
lines changed

1 file changed

+12
-3
lines changed

source/style.css

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,12 +61,21 @@ button:hover,
6161
*/
6262
.header {
6363
display: flex;
64-
gap: 0.5em;
64+
position: sticky;
65+
top: 1em;
66+
z-index: 10;
67+
justify-content: space-between;
68+
align-items: center;
69+
background: inherit;
6570
}
6671

6772
.header-burger {
68-
flex-shrink: 1;
69-
width: 1.3em;
73+
position: absolute;
74+
right: 0;
75+
width: 1.5rem;
76+
height: 1.5rem;
77+
cursor: pointer;
78+
text-align: center;
7079
}
7180

7281
/**

0 commit comments

Comments
 (0)