mirror of
				https://github.com/kevinveenbirkenbach/homepage.veen.world.git
				synced 2025-11-04 01:18:09 +00:00 
			
		
		
		
	Added logo to navbar when in fullscreen
This commit is contained in:
		@@ -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 {
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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();
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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 }}" 
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user