feat(prezentacja): kliknięcie powiększa kosmogram na pełne okno (PRE-25) #29

Merged

gitea merged 1 commits from feat/qol-wheel-zoom into master 2026-07-24 16:48:41 +00:00

Conversation 0 Commits 1 Files Changed 5

+145

gitea commented 2026-07-24 15:23:17 +00:00

Owner

Copy Link

Copy Source

Ósma wskazówka partnerów — małe QoL przed PRE-22.

Koło rysujemy w kolumnie tekstu, więc na mniejszym ekranie glify i stopnie robią
się nieczytelne. Kliknięcie rozciąga wykres na całe okno, ponowne wraca do strony.
SVG skaluje się bez utraty jakości, więc nie potrzeba drugiej wersji rysunku ani
żadnej biblioteki.

Wyjście na trzy sposoby: klik w wykres, klik w tło, Esc. Działa też
z klawiatury (Enter/Spacja + focus-visible) — bez tego obejrzenie szczegółów
wymagałoby myszy.

Dwie decyzje warte odnotowania

Warstwa. z-index: 1100 celowo pomiędzy: ponad kontrolkami Leafleta
(1000), ale poniżej okna postępu (1200) — gdy trwa pisanie horoskopu, log
operacji ma zostać na wierzchu. Test pilnuje tej nierówności, bo to jedyna liczba
tutaj, którą łatwo zmienić bez zastanowienia i zepsuć coś niewidocznego na oko.

Rozmiar. Koło jest kwadratowe, więc ograniczam je krótszym bokiem okna
(min(96vw, 92vh)) — inaczej na szerokim ekranie wystawałoby w pionie.

Skrypt podpięty globalnie w base.html i osłonięty sprawdzeniem, czy koło w ogóle
jest na stronie — zadziała też na przyszłej zakładce „Skompiluj" bez zmian.
Przy powiększeniu blokujemy przewijanie treści pod spodem.

Weryfikacja — i czego w niej brakuje

Sprawdzone na żywej aplikacji, pomiarami w DOM: po kliknięciu .wheel-fig
ma position:fixed, display:flex, z-index:1100; SVG rośnie z 460×460 do
662×653 przy oknie 1280×720, visibility: visible; body dostaje
overflow:hidden. Ponowne kliknięcie wraca do 460×460 i zdejmuje klasę.

Zrzutu ekranu stanu powiększonego nie mam — panel przeglądarki zaciął się
w trakcie (puste klatki, viewport raportowany jako 0×0). Opieram się na pomiarach
i testach; jeśli wolisz, kliknij sam po zmergowaniu.

10 nowych testów. Całość: prezentacja 87, logika 265 / 1 skip.

Uwaga na przyszłość (nie w tym PR)

Przy testach trafiłem na to, że przeglądarka podała stary styles.css z cache'u
— powiększenie „nie działało", bo reguły w ogóle się nie wczytały. Nasze pliki
statyczne nie mają cache-bustingu, więc po wdrożeniu użytkownicy mogą dostać
stary CSS/JS i nowe funkcje po cichu nie zadziałają. Warto to kiedyś domknąć
(hash w nazwie albo ?v= z wersji obrazu) — mogę dopisać jako wymaganie.

Ósma wskazówka partnerów — małe QoL przed PRE-22. Koło rysujemy w kolumnie tekstu, więc na mniejszym ekranie glify i stopnie robią się nieczytelne. Kliknięcie rozciąga wykres na całe okno, ponowne wraca do strony. SVG skaluje się bez utraty jakości, więc nie potrzeba drugiej wersji rysunku ani żadnej biblioteki. Wyjście na trzy sposoby: klik w wykres, klik w tło, **Esc**. Działa też z klawiatury (Enter/Spacja + `focus-visible`) — bez tego obejrzenie szczegółów wymagałoby myszy. ## Dwie decyzje warte odnotowania **Warstwa.** `z-index: 1100` **celowo pomiędzy**: ponad kontrolkami Leafleta (1000), ale **poniżej okna postępu** (1200) — gdy trwa pisanie horoskopu, log operacji ma zostać na wierzchu. Test pilnuje tej nierówności, bo to jedyna liczba tutaj, którą łatwo zmienić bez zastanowienia i zepsuć coś niewidocznego na oko. **Rozmiar.** Koło jest kwadratowe, więc ograniczam je **krótszym bokiem okna** (`min(96vw, 92vh)`) — inaczej na szerokim ekranie wystawałoby w pionie. Skrypt podpięty globalnie w `base.html` i osłonięty sprawdzeniem, czy koło w ogóle jest na stronie — **zadziała też na przyszłej zakładce „Skompiluj"** bez zmian. Przy powiększeniu blokujemy przewijanie treści pod spodem. ## Weryfikacja — i czego w niej brakuje Sprawdzone na **żywej aplikacji, pomiarami w DOM**: po kliknięciu `.wheel-fig` ma `position:fixed`, `display:flex`, `z-index:1100`; SVG rośnie **z 460×460 do 662×653** przy oknie 1280×720, `visibility: visible`; `body` dostaje `overflow:hidden`. Ponowne kliknięcie wraca do 460×460 i zdejmuje klasę. **Zrzutu ekranu stanu powiększonego nie mam** — panel przeglądarki zaciął się w trakcie (puste klatki, viewport raportowany jako 0×0). Opieram się na pomiarach i testach; jeśli wolisz, kliknij sam po zmergowaniu. **10 nowych testów.** Całość: **prezentacja 87, logika 265 / 1 skip**. ## Uwaga na przyszłość (nie w tym PR) Przy testach trafiłem na to, że przeglądarka podała **stary `styles.css` z cache'u** — powiększenie „nie działało", bo reguły w ogóle się nie wczytały. Nasze pliki statyczne nie mają cache-bustingu, więc **po wdrożeniu użytkownicy mogą dostać stary CSS/JS** i nowe funkcje po cichu nie zadziałają. Warto to kiedyś domknąć (hash w nazwie albo `?v=` z wersji obrazu) — mogę dopisać jako wymaganie.

gitea added 1 commit 2026-07-24 15:23:17 +00:00

feat(prezentacja): kliknięcie powiększa kosmogram na pełne okno (PRE-25) ... 76fbdefeaa

Ósma wskazówka partnerów, jako małe QoL przed PRE-22. Koło rysujemy w kolumnie
tekstu, więc na mniejszym ekranie glify i stopnie robią się nieczytelne.
Kliknięcie rozciąga wykres na całe okno, ponowne wraca do strony. SVG skaluje
się bez utraty jakości, więc nie potrzeba drugiej wersji rysunku ani biblioteki.

Wyjście z powiększenia na trzy sposoby: klik w wykres, klik w tło, Esc.
Dostępne też z klawiatury (Enter/Spacja, focus-visible), bo inaczej obejrzenie
szczegółów wymagałoby myszy.

Dwie decyzje warte odnotowania:

1. WARSTWA. z-index 1100 CELOWO pomiędzy: ponad kontrolkami Leafleta (1000),
   ale PONIŻEJ okna postępu (1200). Gdy trwa pisanie horoskopu, log operacji ma
   zostać na wierzchu. Test pilnuje tej nierówności, bo to jedyna liczba tutaj,
   którą łatwo zmienić bez zastanowienia i zepsuć coś niewidocznego na oko.

2. ROZMIAR. Koło jest kwadratowe, więc ograniczamy je KRÓTSZYM bokiem okna
   (min(96vw, 92vh)) — inaczej na szerokim ekranie wystawałoby w pionie.

Skrypt podpięty globalnie w base.html i osłonięty sprawdzeniem, czy koło w ogóle
jest na stronie — zadziała też na przyszłej zakładce „Skompiluj" bez zmian.
Przy powiększeniu blokujemy przewijanie strony pod spodem.

Weryfikacja na żywej aplikacji, pomiarami w DOM: po kliknięciu .wheel-fig ma
position:fixed, display:flex, z-index:1100; SVG rośnie z 460×460 do 662×653
przy oknie 1280×720, visibility visible; body dostaje overflow:hidden. Ponowne
kliknięcie wraca do 460×460 i zdejmuje klasę. Zrzutu ekranu stanu powiększonego
NIE mam — panel przeglądarki zaciął się w trakcie (puste klatki, viewport
raportowany jako 0×0), więc opieram się na pomiarach i testach.

Testy: 10 nowych. Całość: prezentacja 87 passed, logika 265 / 1 skip.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

gitea referenced this issue from a commit 2026-07-24 15:57:26 +00:00

feat(prezentacja): zapamiętane predykcje okresowe (PRE-22) + wymaganie o cache-bustingu

gitea referenced this pull request 2026-07-24 15:57:56 +00:00

feat(prezentacja): zapamiętane predykcje okresowe (PRE-22) + wymaganie o cache-bustingu #30

gitea referenced this pull request 2026-07-24 16:10:21 +00:00

feat(prezentacja): zakładka „Skompiluj” — zbiorczy raport (PRE-23) #31

gitea merged commit 76fbdefeaa into master 2026-07-24 16:48:41 +00:00

gitea deleted branch feat/qol-wheel-zoom 2026-07-24 16:48:42 +00:00

gitea referenced this pull request 2026-07-24 17:23:07 +00:00

feat(render): raport PDF przez LaTeX jako osobna usługa (PRE-24) #32

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

gitea

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: gitea/astrololo#29