Refactor: Cleanup and move web-assets navbar-global styles to markup script tag

Move web-assets navbar-global styles to markup script tag, accordingly
to component and web-assets instructions, to improve the component's
portability.
Part of #9
This commit is contained in:
Márton Lente
2024-08-19 12:29:13 +02:00
parent db38fd6bbf
commit b47ddab672
2 changed files with 13 additions and 7 deletions

View File

@@ -686,6 +686,19 @@
</div>
</div>
<style>
/* Custom styling for projects.blender.org */
/* Make sure to start every line with ".nav-global"
* so changes affect the developer navbar only. */
/* Limit navbar width on large screens. */
@media(min-width: 1200px) {
.nav-global .nav-global-container {
max-width: 1170px;
}
}
</style>
<script>
// TODO: revise component pre-compiled JavaScript in web-assets
const dropdownToggles = document.getElementsByClassName("js-dropdown-toggle");