fix: missing *-logo DOM element

This error was caused by a previous change in which we removed extra ID
elements. This is now made simpler thanks to SCSS.
This commit is contained in:
Régis Behmo 2025-08-11 16:58:15 +02:00 committed by Régis Behmo
parent 6da10d199b
commit 261ca25661
2 changed files with 5 additions and 6 deletions

View File

@ -202,10 +202,6 @@ main {
img {
width: 1.25em;
}
.sidebar-tab-logo-selected {
filter: invert(39%) sepia(98%) saturate(3884%)
hue-rotate(205deg) brightness(95%) contrast(96%);
}
h4 {
margin-left: 1em;
// font-size: 1.15em;
@ -217,6 +213,10 @@ main {
}
.sidebar-tab-selected {
color: $blue;
img {
filter: invert(39%) sepia(98%) saturate(3884%)
hue-rotate(205deg) brightness(95%) contrast(96%);
}
}
&:last-child {
margin-block-start: 0;

View File

@ -107,12 +107,11 @@
</div>
</div>
</div>
<script src="{{ url_for('static', filename='js/deck.js') }}"></script>
{% if sidebar_active_tab %}
<script>
document.getElementById('{{ sidebar_active_tab }}').classList.toggle('sidebar-tab-selected');
document.getElementById('{{ sidebar_active_tab }}-logo').classList.toggle('sidebar-tab-logo-selected');
</script>
{% endif %}
<script>