Files
Grinch-AP/WebHostLib/static/styles/supportedGames.css
Chris Wilson 974bab2b24 [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.
2023-09-25 22:15:00 -04:00

54 lines
722 B
CSS

#games{
width: 60%;
margin: auto auto 30px;
}
#games h2, #games h3, #games h4, #games h5, #games h6 {
text-transform: none;
cursor: unset;
}
#games h1{
font-size: 60px;
cursor: unset;
}
#games h2{
color: #93dcff;
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;
}
#games .link-spacer{
margin: 0 6px;
color: #fffc95;
}
#games p{
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;
}