Browse Source

webhtml: make top table header sticky (#518)

This keeps the column names visible when scrolling down, which comes in
handy when there are many entries.
Bilal Amarni 5 years ago
parent
commit
7d83b28da2
No account linked to committer's email address
1 changed files with 2 additions and 0 deletions
  1. 2
    0
      internal/driver/webhtml.go

+ 2
- 0
internal/driver/webhtml.go View File

200
   font-family: 'Roboto Medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
200
   font-family: 'Roboto Medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
201
 }
201
 }
202
 table tr th {
202
 table tr th {
203
+  position: sticky;
204
+  top: 0;
203
   background-color: #ddd;
205
   background-color: #ddd;
204
   text-align: right;
206
   text-align: right;
205
   padding: .3em .5em;
207
   padding: .3em .5em;