fix: burger menu z-index problem
R
Rüdiger Küpper
<rpr@9it.de>
committete am 19.02.2026 01:35
69e00d6de9df5cc4418a4304dc07fa2d4917595a
| @@ -5,9 +5,3 @@ WORKDIR /app | ||
| 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 |
| @@ -13,4 +13,11 @@ 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 |
Binärdatei – kein Textvergleich möglich.
| @@ -1097,6 +1097,23 @@ body { | ||
| 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 | |
| @@ -1106,14 +1123,12 @@ body { | ||
| 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; |
| @@ -1125,7 +1140,14 @@ body { | ||
| 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 | |
| @@ -1151,5 +1173,5 @@ body { | ||
| 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 | } |
| @@ -1162,9 +1184,9 @@ body { | ||
| 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 | |
| @@ -1173,7 +1195,15 @@ body { | ||
| 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 | } |