kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-07-26 19:01:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added logo to navbar when in fullscreen

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-07-21 11:39:59 +02:00
parent 5f2e7ef696
commit 46b0b744ca
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/static/css/default.css
View File

@ -173,6 +173,11 @@ iframe{
transition: opacity var(--anim-duration) ease-in-out;
}
#navbar_logo.visible {
opacity: 1 !important;
}
/* 1. Make sure headers and footers can collapse */
header,
footer {

13
app/static/js/fullscreen.js
View File

@ -41,14 +41,11 @@ function enterFullscreen() {
setFullWidth(true);
updateUrlFullscreen(true);
// fade in logo… (unchanged)
// Nur jetzt sichtbar machen
const logo = document.getElementById('navbar_logo');
if (logo) {
// hide the navbar‐logo restore link in fullscreen
logo.classList.add('d-none');
logo.classList.add('visible');
}
// now recalc in lock-step with the CSS collapse animation
recalcWhileCollapsing();
}
@ -57,13 +54,11 @@ function exitFullscreen() {
setFullWidth(false);
updateUrlFullscreen(false);
// Jetzt wieder verstecken
const logo = document.getElementById('navbar_logo');
if (logo) {
// show the navbar‐logo restore link again
logo.classList.remove('d-none');
logo.classList.remove('visible');
}
// recalc while header/footer expand back
recalcWhileCollapsing();
}

2
app/templates/moduls/navigation.html.j2
View File

@ -54,7 +54,7 @@
</button>
<div class="collapse navbar-collapse" id="navbarNav{{menu_type}}">
{% if menu_type == "header" %}
<a class="navbar-brand d-flex align-items-center d-none js-restore" id="navbar_logo" href="#">
<a class="navbar-brand align-items-center js-restore" id="navbar_logo" href="#">
<img
src="{{ url_for('static', filename=platform.logo.cache) }}"
alt="{{ platform.titel }}"