69e00d6d · Quildrop · LabCodeHub

Küpper / Quildrop öffentlich

fix: burger menu z-index problem

R Rüdiger Küpper <rpr@9it.de> committete am 19.02.2026 01:35

69e00d6de9df5cc4418a4304dc07fa2d4917595a

Eltern: 4dd20f9f

geändert Dockerfile-images

+0 −6 Datei ansehen


FROM --platform=$BUILDPLATFORM nginx 

WORKDIR /app

COPY ./static/images /usr/share/nginx/html/images

# RUN ./quilldrop generate

# FROM --platform=$BUILDPLATFORM nginx

# COPY --from=builder /app/output /usr/share/nginx/html

EXPOSE 80

geändert Makefile

+7 −0 Datei ansehen



generate:
	go run . generate

build:
	GOOS=linux GOARCH=arm64 go build -o quilldrop

docker-static:
	podman build --platform linux/arm64 -t quilldrop -f ./Dockerfile-static .

docker-images:
	$(eval LATEST_TAG := $(shell git tag --sort=-version:refname | head -n 1))
	podman build --platform linux/amd64,linux/arm64 \
		--manifest ghcr.io/9it-full-service/quilldrop:$(LATEST_TAG)-images \
		-f ./Dockerfile-images .
	podman manifest push --all ghcr.io/9it-full-service/quilldrop:$(LATEST_TAG)-images
	
docker-run:
	podman run --rm -i -p 8081:80 quilldrop:latest

test:
	go test ./...

clean:
	rm -rf bin/

docker-up:

geändert quilldrop

+0 −0 Datei ansehen

Binärdatei – kein Textvergleich möglich.

geändert static/css/style.css

+42 −12 Datei ansehen



.page-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

/* === Responsive === */
@media (max-width: 768px) {
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: var(--bg-primary);
    }

    body {
        padding-top: 3.5rem;
    }

    .hamburger {
        display: flex;
        position: relative;
        z-index: 1020;
    }

    .nav-links {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: var(--bg-primary);
        opacity: 1;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 1.5rem;
        gap: 1.2rem;
        padding: 5rem 2rem 2rem;
        z-index: 105;
        z-index: 1010;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav-links.open {
        display: flex;
    }

    .nav-links > a,
    .nav-dropdown-toggle {
        font-size: 1.2rem;
    .nav-links > .nav-dropdown > .nav-dropdown-toggle {
        font-size: 1.15rem;
        color: var(--text-primary);
        display: block;
        text-align: center;
        padding: 0.3rem 0;
    }

    .nav-dropdown {
        text-align: center;
    }

    .nav-dropdown-menu {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        background: transparent;
        border: none;
        box-shadow: none;

        display: none;
    }

    .nav-dropdown.open .nav-dropdown-menu {
        display: block;
        transform: none;
    }

    .nav-dropdown-menu a {
        padding: 0.4rem 0;
        font-size: 1rem;
        font-size: 0.95rem;
        color: var(--text-secondary);
    }

    .search-container {
        width: 100%;
        justify-content: center;
    }

    .search-box {
        position: fixed;
        top: 4.5rem;
        top: 5rem;
        left: 1rem;
        right: 1rem;
        width: auto;
        z-index: 110;
        z-index: 1015;
    }

    .search-results {
        max-height: calc(100vh - 10rem);
    }

    .nav-rss,
    .nav-rss {
        color: var(--text-primary);
    }

    .nav-rss svg {
        fill: var(--text-primary);
    }

    #theme-toggle {
        color: var(--text-primary);
        border-color: var(--text-muted);
    }
}

@media (max-width: 640px) {
    .nav-inner {
        padding: 0.8rem 1rem;
    }

    .container {
        padding: 1.5rem 1rem;

		@@ -1089,51 +1089,73 @@ body {
1089	1089
1090	1090	.page-title {
1091	1091	font-size: 2rem;
1092	1092	font-weight: 700;
1093	1093	line-height: 1.25;
1094	1094	letter-spacing: -0.02em;
1095	1095	}
1096	1096
1097	1097	/* === Responsive === */
1098	1098	@media (max-width: 768px) {
	1099	+ .navbar {
	1100	+ position: fixed;
	1101	+ top: 0;
	1102	+ left: 0;
	1103	+ right: 0;
	1104	+ z-index: 1000;
	1105	+ backdrop-filter: none;
	1106	+ -webkit-backdrop-filter: none;
	1107	+ background: var(--bg-primary);
	1108	+ }
	1109	+
	1110	+ body {
	1111	+ padding-top: 3.5rem;
	1112	+ }
	1113	+
1099	1114	.hamburger {
1100	1115	display: flex;
	1116	+ position: relative;
	1117	+ z-index: 1020;
1101	1118	}
1102	1119
1103	1120	.nav-links {
1104	1121	display: none;
1105	1122	position: fixed;
1106	1123	top: 0;
1107	1124	left: 0;
1108		- right: 0;
1109		- bottom: 0;
	1125	+ width: 100%;
	1126	+ height: 100%;
1110	1127	background: var(--bg-primary);
1111		- opacity: 1;
1112	1128	flex-direction: column;
1113	1129	align-items: center;
1114		- justify-content: flex-start;
1115		- gap: 1.5rem;
	1130	+ gap: 1.2rem;
1116	1131	padding: 5rem 2rem 2rem;
1117		- z-index: 105;
	1132	+ z-index: 1010;
1118	1133	overflow-y: auto;
1119	1134	-webkit-overflow-scrolling: touch;
1120	1135	}
1121	1136
1122	1137	.nav-links.open {
1123	1138	display: flex;
1124	1139	}
1125	1140
1126	1141	.nav-links > a,
1127		- .nav-dropdown-toggle {
1128		- font-size: 1.2rem;
	1142	+ .nav-links > .nav-dropdown > .nav-dropdown-toggle {
	1143	+ font-size: 1.15rem;
1129	1144	color: var(--text-primary);
	1145	+ display: block;
	1146	+ text-align: center;
	1147	+ padding: 0.3rem 0;
	1148	+ }
	1149	+
	1150	+ .nav-dropdown {
	1151	+ text-align: center;
1130	1152	}
1131	1153
1132	1154	.nav-dropdown-menu {
1133	1155	position: static;
1134	1156	transform: none;
1135	1157	opacity: 1;
1136	1158	visibility: visible;
1137	1159	background: transparent;
1138	1160	border: none;
1139	1161	box-shadow: none;
		@@ -1143,45 +1165,53 @@ body {
1143	1165	display: none;
1144	1166	}
1145	1167
1146	1168	.nav-dropdown.open .nav-dropdown-menu {
1147	1169	display: block;
1148	1170	transform: none;
1149	1171	}
1150	1172
1151	1173	.nav-dropdown-menu a {
1152	1174	padding: 0.4rem 0;
1153		- font-size: 1rem;
	1175	+ font-size: 0.95rem;
1154	1176	color: var(--text-secondary);
1155	1177	}
1156	1178
1157	1179	.search-container {
1158	1180	width: 100%;
1159	1181	justify-content: center;
1160	1182	}
1161	1183
1162	1184	.search-box {
1163	1185	position: fixed;
1164		- top: 4.5rem;
	1186	+ top: 5rem;
1165	1187	left: 1rem;
1166	1188	right: 1rem;
1167	1189	width: auto;
1168		- z-index: 110;
	1190	+ z-index: 1015;
1169	1191	}
1170	1192
1171	1193	.search-results {
1172	1194	max-height: calc(100vh - 10rem);
1173	1195	}
1174	1196
1175		- .nav-rss,
	1197	+ .nav-rss {
	1198	+ color: var(--text-primary);
	1199	+ }
	1200	+
	1201	+ .nav-rss svg {
	1202	+ fill: var(--text-primary);
	1203	+ }
	1204	+
1176	1205	#theme-toggle {
1177	1206	color: var(--text-primary);
	1207	+ border-color: var(--text-muted);
1178	1208	}
1179	1209	}
1180	1210
1181	1211	@media (max-width: 640px) {
1182	1212	.nav-inner {
1183	1213	padding: 0.8rem 1rem;
1184	1214	}
1185	1215
1186	1216	.container {
1187	1217	padding: 1.5rem 1rem;

		@@ -1,13 +1,7 @@
1	1	FROM --platform=$BUILDPLATFORM nginx
2	2
3	3	WORKDIR /app
4	4
5	5	COPY ./static/images /usr/share/nginx/html/images
6	6
7		- # RUN ./quilldrop generate
8		-
9		- # FROM --platform=$BUILDPLATFORM nginx
10		-
11		- # COPY --from=builder /app/output /usr/share/nginx/html
12		-
13	7	EXPOSE 80

		@@ -5,20 +5,27 @@ serve:
5	5
6	6	generate:
7	7	go run . generate
8	8
9	9	build:
10	10	GOOS=linux GOARCH=arm64 go build -o quilldrop
11	11
12	12	docker-static:
13	13	podman build --platform linux/arm64 -t quilldrop -f ./Dockerfile-static .
14	14
	15	+ docker-images:
	16	+ $(eval LATEST_TAG := $(shell git tag --sort=-version:refname \| head -n 1))
	17	+ podman build --platform linux/amd64,linux/arm64 \
	18	+ --manifest ghcr.io/9it-full-service/quilldrop:$(LATEST_TAG)-images \
	19	+ -f ./Dockerfile-images .
	20	+ podman manifest push --all ghcr.io/9it-full-service/quilldrop:$(LATEST_TAG)-images
	21	+
15	22	docker-run:
16	23	podman run --rm -i -p 8081:80 quilldrop:latest
17	24
18	25	test:
19	26	go test ./...
20	27
21	28	clean:
22	29	rm -rf bin/
23	30
24	31	docker-up: