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; transition: opacity var(--anim-duration) ease-in-out;
} }
#navbar_logo.visible {
opacity: 1 !important;
}
/* 1. Make sure headers and footers can collapse */ /* 1. Make sure headers and footers can collapse */
header, header,
footer { footer {

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

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

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

@ -54,7 +54,7 @@
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav{{menu_type}}"> <div class="collapse navbar-collapse" id="navbarNav{{menu_type}}">
{% if menu_type == "header" %} {% 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 <img
src="{{ url_for('static', filename=platform.logo.cache) }}" src="{{ url_for('static', filename=platform.logo.cache) }}"
alt="{{ platform.titel }}" alt="{{ platform.titel }}"