Update navbar.css

x-Button in der Sidebar
Update index.php
2026-05-26 11:19:57 +02:00 · 2026-05-26 11:18:58 +02:00 · 2026-05-21 21:03:38 +02:00 · 2026-05-21 21:02:46 +02:00 · 2026-05-21 21:00:20 +02:00 · 2026-05-21 20:57:26 +02:00
3 changed files with 23 additions and 5 deletions
@@ -149,8 +149,8 @@ CSS für die navbar
    display: none;
 }

-/* Responsive Anpassungen unter 660px (für z.B. Smartphones) */
-@media (max-width: 660px) {
+/* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
+@media (max-width: 760px) {
    .nav {
        flex-direction: row;
        flex-wrap: wrap;
@@ -227,6 +227,9 @@ CSS für die navbar
        padding: 2rem 1rem;
        box-shadow: 2px 0 10px rgba(0,0,0,0.5);
        overflow-y: auto;
+        
+        /* Genug Abstand oben rechts, damit Links nicht hinter dem X liegen */
+        padding: 4rem 1.5rem 2rem 1.5rem;
    }

    .nav__checkbox:checked ~ .nav__mobile-menu {
@@ -237,6 +240,18 @@ CSS für die navbar
        left: 0;
    }

+    .nav__close-btn {
+        position: absolute;
+        top: 1rem;
+        right: 1.5rem;
+        font-size: 2rem;
+        color: #fff;
+        cursor: pointer;
+        line-height: 1;
+        user-select: none;
+        transition: color 0.2s ease, transform 0.2s ease;
+    }
+
    .nav__mobile-menu a {
        color: #fff;
        text-decoration: none;
@@ -15,6 +15,9 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
    </label>

    <ul id="mobile-nav" class="nav__mobile-menu">
+        <li>
+            <label for="nav-toggle" class="nav__close-btn">&times;</label>
+        </li>
        <li><a href="index.php?pfad=profile">Profil</a></li>
        <li><a href="index.php?pfad=login">Anmelden</a></li>
        <li><a href="index.php?pfad=register">Registrieren</a></li>
@@ -1,6 +1,6 @@
 <!--
-    Seite: Hompage der Lernplattform
-    Funktion: Webseitengerüst, Anzeigen von Beiträgen, Suchfunktion etc.
+    Seite: Index der Lernplattform
+    Funktion: Webseitengerüst, Anzeigen von Content
 -->
 <!DOCTYPE html>
 <html lang="de">
@@ -22,7 +22,7 @@

    <?php
 	include_once 'includes/navbar.php';
-	//Dynamischer Inhalt (später mit php...):
+	//Dynamischer Inhalt:
    if (isset($_GET["pfad"])) {
        if (file_exists('content/' . $_GET["pfad"] . '.php')) {
            include_once 'content/' . $_GET["pfad"] . '.php';
Author	SHA1	Message	Date
NOrtmann1	d3169eba18	Update navbar.css	2026-05-26 11:19:57 +02:00
NOrtmann1	2d967c200c	x-Button in der Sidebar	2026-05-26 11:18:58 +02:00
NOrtmann1	ee7986bef3	Update index.php	2026-05-21 21:03:38 +02:00
NOrtmann1	8de1b1bdb5	Update index.php	2026-05-21 21:02:46 +02:00
NOrtmann1	4a663391ef	Update navbar.css	2026-05-21 21:00:20 +02:00
niklas.ortmann	4cd877ea4c	Merge pull request 'PHP: Dynamischer Content' (#8 ) from PHP_DynamischerContent into dev Reviewed-on: #8	2026-05-21 20:57:26 +02:00