[WebHost] Add search filter and collapse button to Supported Games page (#2215)

* Add search filter and collapse button to Supported Games page

* Autofocus search input, fix bug with arrow display when searching

* Add "Expand All" and "Collapse All" buttons. Buttons respect visible games.
This commit is contained in:
Chris Wilson
2023-09-25 22:15:00 -04:00
committed by GitHub
parent 98d61b32af
commit 974bab2b24
3 changed files with 116 additions and 2 deletions

View File

@@ -18,6 +18,16 @@
margin-bottom: 2px;
}
#games h2 .collapse-arrow{
font-size: 20px;
vertical-align: middle;
cursor: pointer;
}
#games p.collapsed{
display: none;
}
#games a{
font-size: 16px;
}
@@ -31,3 +41,13 @@
line-height: 25px;
margin-bottom: 7px;
}
#games #page-controls{
display: flex;
flex-direction: row;
margin-top: 0.25rem;
}
#games #page-controls button{
margin-left: 0.5rem;
}