5c3b3ae39b7eb61b93be63c263a5f9a403b30f0d lrnassar Fri Feb 13 14:21:18 2026 -0800 Fixing edgecase in CDNs ticket, the JS was loading from the wrong location on that one page set to dynmatically load it (js/, not js/external/) and the local css we have doesn't have fontawesome arrows, so it was changed to use the ones we have. Refs #33998 diff --git src/hg/htdocs/staticStyle/gbStatic.css src/hg/htdocs/staticStyle/gbStatic.css index fa9bca2f6e4..f841e8cebac 100644 --- src/hg/htdocs/staticStyle/gbStatic.css +++ src/hg/htdocs/staticStyle/gbStatic.css @@ -305,49 +305,67 @@ ul.nice-menu ul li a { font-weight: normal !important; font-family: Lato,Arial,Helvetica,sans-serif !important; } /* Override (for now -- until gb.css can be updated in a release cycle */ .gbDonateButton { margin-top: 3px; width: auto; height: auto; padding: 5px 20px; } +/* Bootstrap collapse component CSS (not included in our customized bootstrap.min.css) */ +.collapse { + display: none; +} + +.collapse.in { + display: block; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-property: height, visibility; + transition-duration: .35s; + transition-timing-function: ease; +} + /* Styling for bootstrap collapsible section, used as follows:
Collapsible section
Stuff here
requires: jQuery.js and bootstrap.js */ .collapse-section .collapse-toggle { text-decoration: none; margin: 15px 12px 0 0; } div.collapse-section .collapse-toggle { margin-left: 15px; /* same as paragraph */ } .collapse-section .collapse-toggle:after { vertical-align: -3px; - font-family: Glyphicons Halflings; + font-family: FontAwesome; margin-left: 2px; color: lightgray; } .collapse-section .collapse-toggle:not(.collapsed):after { - content: "\e252"; + content: "\f0d7"; } .collapse-section .collapse-toggle.collapsed:after { - content: "\e250"; + content: "\f0da"; }