Gruppo-TecWeb / Codice

http://nostress.sytes.net/Fungo
2 stars 0 forks source link

Feature/188 design evento no immagine #238

Closed LewentalDigital closed 5 months ago

LewentalDigital commented 5 months ago

Lista eventi con design evento senza img

Gli eventi senza una locandina vengono visualizzati con del testo decorativo inclinato con il titolo dell'evento ripetuto, molto figo perchè dinamico a seconda del titolo. Reso accessibile con aria-hidden per non far leggere il titolo ripetuto over and over.

Pagina evento con design evento senza img

Con poca fantasia ho semplicemente ripreso il testo decorativo.

Redesign pagina evento

Molto fiero del lavoro fatto qui, si tratta du una grid dove l'immagine a sinistra resta sempre visibile mentre le informazioni scorrono a destra.

Stile mobile

Applicato lo stile mobile per tutti e tre i casi precedenti

closes #188

LewentalDigital commented 5 months ago

Un trucco che l'utilizzo del css inline permetteva era la possibilità di dare rotazioni casuali al testo decorativo degli eventi senza immagine, se lo credete figo, valutate di ammettere il css inline image

LewentalDigital commented 5 months ago

Unica pecca, non riesco proprio a risolvere questo spazio nero nei titoli degli eventi senza immagini image

Uffa

LewentalDigital commented 5 months ago

@rzaupa hai provato a ricaricare il css? Magari hai ancora in cache quello precedente

Shift + F5

abenetazzo commented 5 months ago

Dalle immagini che mostri sembra carino ma purtroppo non vedo le tue modifiche nel branch, ma vedo robe strane :( Screenshot 2024-06-09 102849 Solo io ? (xxxxxxxxx) Comunque per il css in line difficile fare trattative , la gaggi lo becca subito con gli strumenti tipo Total validator

Se non erro era un problema che avevamo già risolto, credo basti fare un merge dal develop per risolverlo. Inoltre @LewentalDigital ci sono dei conflitti, anche questi li puoi risolvere con un merge dal develop, a sto punto direi che sia meglio fare sto merge per poi valutare.

LewentalDigital commented 5 months ago

Ho migliorato la situazione, grazie per avermelo fatto notare!

LewentalDigital commented 5 months ago

Ci sto provando, ma è bello difficile, non so se ci riuscirò

LewentalDigital commented 5 months ago

Non sono in grado di risolvere quella cosa attualmente Skill issue direi :(

Puoi approvarla in questo stato e ci penseremo più in la?

rzaupa commented 5 months ago

Non sono in grado di risolvere quella cosa attualmente Skill issue direi :(

Puoi approvarla in questo stato e ci penseremo più in la?

Però approvarla vorrebbe dire mettere nel sito qualcosa di "rotto" e se poi non riusciamo a sistemare ( anche perché abbiamo poco tempo )? sarebbe meglio farlo qui anche perché la pull request si riferisce proprio a questi cambiamenti... o no ? Al massimo ci pensiamo più in là in questo branch... dimmi se hai qualcosa in contrario o avevi altre idee

abenetazzo commented 5 months ago

Da quel che vedo il problema è la definizione della griglia, in particolare la proprietà grid-template-rows (vedi screenshot). Schermata 2024-06-13 alle 10 12 09

Come mai hai voluto mettere il link indietro e il titolo con due altezze diverse? Se non erro è quello che ti costringe a creare una terza riga ed è la dimensione di questa che crea il problema...

LewentalDigital commented 5 months ago

Ok ho trovato il modo di ripararlo