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:
parent
6da10d199b
commit
261ca25661
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user