Skip to content

Commit 89f2ea2

Browse files
Keep search field visible in long lists (#151)
Co-authored-by: Federico Brigante <me@fregante.com>
1 parent 856c289 commit 89f2ea2

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

source/style.css

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
:root {
33
--margin: 8px;
44
--ext-icon-margin: 0.3em;
5+
--background-color: light-dark(#fff, #292a2d);
56
color-scheme: light dark;
67
}
78

@@ -11,6 +12,7 @@ body {
1112
max-width: 800px;
1213
padding: var(--margin);
1314
direction: auto;
15+
background-color: var(--background-color);
1416
}
1517

1618
main {
@@ -61,7 +63,11 @@ button:hover,
6163
*/
6264
.header {
6365
display: flex;
66+
position: sticky;
6467
gap: 0.5em;
68+
z-index: 100;
69+
top: var(--margin);
70+
outline: solid var(--margin) var(--background-color);
6571
}
6672

6773
.header-burger {
@@ -152,7 +158,6 @@ button:hover,
152158

153159
@media (prefers-color-scheme: dark) {
154160
body {
155-
background-color: #292a2d;
156161
color: #e8eaed;
157162
}
158163

0 commit comments

Comments
 (0)