Try improving mobile navigation (6e81fb58) · Commits · Fachschaft / Portal

portal/static/css/main.css

+50 −10

Changes for portal/static/css/main.css: 50 added lines, 10 removed lines.
Original line number	Diff line number	Diff line
		@@ -8,12 +8,14 @@

		.blue {
		--primary: #144a8b;
		--background: url("/static/lib/nautilus/nautilus_blue.svg");
		--on-primary: white;
		--primary-light: #387bd0;
		}

		.green {
		--primary: #135a3a;
		--background: url("/static/lib/nautilus/nautilus_green.svg");
		--on-primary: white;
		--primary-light: #2aac6d;
		}
		@@ -32,17 +34,10 @@ body {
		justify-content: center;

		background-color: var(--primary-light);
		background-image: var(--background);
		background-size: cover;
		}

		body.blue {
		background-image: url("/static/lib/nautilus/nautilus_blue.svg");
		}

		body.green {
		background-image: url("/static/lib/nautilus/nautilus_green.svg");
		}

		header {
		min-width: 60vw;
		justify-self: center;
		@@ -143,17 +138,23 @@ form {
		/* ---------------------- Navigation ----------------------- */

		nav {
		padding: 0 1em;
		}

		nav div {
		display: grid;
		grid-template-columns: 1fr max-content;
		}

		nav div.small {
		display: none;
		}

		nav section.left {
		padding-left: 1em;
		justify-self: start;
		}

		nav section.right {
		padding-right: 1em;
		justify-self: end;
		}

		@@ -327,6 +328,45 @@ a.detail:hover {
		.services {
		grid-template-columns: repeat(2, min-content);
		}

		nav div.full {
		display: none;
		position: fixed;
		z-index: 5;
		background-color: #000000d4;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		grid-template-rows: max-content max-content;
		}

		nav div.full:target {
		display: block;
		}

		nav div.full section.left,
		nav div.full section.right {
		justify-self: unset;
		}

		nav div.full ul {
		display: grid;
		grid-template-columns: 1fr;
		}

		nav div.full ul li a {
		color: white;
		border-bottom: none;
		font-size: 150%;
		text-align: center;
		}

		nav div.small {
		display: block;
		}
		}

		@media (max-width: 480px) {

portal/static/js/components/pieces/Nav.mjs

+17 −0

Changes for portal/static/js/components/pieces/Nav.mjs: 17 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		@@ -4,6 +4,22 @@ import { logout, isLoggedIn } from "../../account.mjs"
		export const Nav = {
		view() {
		return m("nav.box", [
		m("div.small", [
		m(
		"section.left",
		m("ul", [
		m(
		"li",
		m(
		"a",
		{ href: "#navigation", title: "Navigation" },
		m("i.fa-solid.fa-bars"),
		),
		),
		]),
		),
		]),
		m("div.full#navigation", [
		m(
		"section.left",
		m("ul", [
		@@ -51,6 +67,7 @@ export const Nav = {
		),
		]),
		),
		]),
		])
		},
		}