From 929b69123812a1ac062630ffd8c9d796f136b37b Mon Sep 17 00:00:00 2001 From: migatu Date: Thu, 23 Jul 2026 14:24:25 +0200 Subject: [PATCH] fix(ui): okno postepu nad mapa, nie pod nia MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Modal postepu przy pisaniu horoskopu renderowal sie POD kontrolkami mapy — przyciski zoomu i atrybucja OSM przebijaly przez zaciemnione tlo okna. Przyczyna: Leaflet trzyma kontrolki (.leaflet-top/.leaflet-bottom) na z-index:1000, a .leaflet-container NIE tworzy wlasnego kontekstu stackowania (position:relative bez z-index), wiec te 1000 trafia wprost do korzenia. Zaden przodek mapy (form, .geo, .geo-map, .wrap) tez kontekstu nie tworzy. Okno postepu mialo z-index:50 — czyli ladowalo pod mapa. Poprawka: z-index okna 50 -> 1200 (zapas nad 1000). Jedna wartosc. Zweryfikowane w przegladarce na PRAWDZIWYCH arkuszach (leaflet.css + styles.css): - runtime elementFromPoint w punkcie kontrolek zoomu: przed = element mapy na wierzchu („MAPA PRZYKRYWA MODAL"), po = overlay na wierzchu („MODAL NA WIERZCHU"), - wizualnie: kontrolki zoomu i © OSM przed poprawka jasne na wierzchu, po — przygaszone pod modalem. Niezalezne od PRE-16 (nie rusza styles.css) — mozna zmergeowac przed nim. Co-Authored-By: Claude Opus 4.8 --- services/presentation/app/static/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/services/presentation/app/static/styles.css b/services/presentation/app/static/styles.css index 552b5ea..0f218c2 100644 --- a/services/presentation/app/static/styles.css +++ b/services/presentation/app/static/styles.css @@ -90,9 +90,13 @@ textarea.prompt { width: 100%; margin-top: .5rem; padding: .7rem .8rem; box-sizi textarea.prompt:focus { outline: 2px solid var(--accent); outline-offset: 1px; } /* Okno postępu przy generowaniu horoskopu */ +/* z-index ponad Leaflet: jego kontrolki (.leaflet-top/.leaflet-bottom — zoom, + atrybucja) siedzą na z-index:1000 i — bo .leaflet-container nie tworzy własnego + kontekstu stackowania — trafiają wprost do korzenia. Przy z-index:50 mapa + wychodziła NA WIERZCH modala. 1200 daje zapas nad 1000. */ .progress-overlay { position: fixed; inset: 0; background: rgba(8,9,20,.72); display: flex; align-items: center; justify-content: center; - z-index: 50; padding: 1rem; } + z-index: 1200; padding: 1rem; } .progress-overlay[hidden] { display: none; } .progress-box { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 1rem 1.1rem; width: min(38rem, 100%); box-shadow: 0 18px 48px rgba(0,0,0,.45); } -- 2.52.0