Don
20 Novembre 2023, 7:45am
1
Ciao
La modale di accesso e registrazione sembra leggermente disallineata.
Penso che questo commit sia correlato.
committed 10:14AM - 15 Nov 23 UTC
This PR refactors the following:
* leaving all the CSS applied to the old `moda… l-body` classes in their respective files
* made new clean styling for `.d-modal` and refactored the template to use the new BEM classes
* `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes
* use standardised max-sizes with modifiers `-large` and `-max`
* lighter backdrop,
* min-width to prevent puny modals
* other styling changes regarding padding, close button,…
* pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS
* pulled out login and create account modal styling into their own file, cause it's such a big override
* removed old general login.scss file for mobile & desktop
* only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
Per vedere meglio il problema, l’ho impostato su un’altra lingua (ungherese) dove i testi sono più lunghi.
Sul desktop
Passando alla visualizzazione mobile sul desktop
4 Mi Piace
chapoi
20 Novembre 2023, 8:39am
3
Grazie per la segnalazione, molto probabilmente è correlato. Ci darò un’occhiata!
4 Mi Piace
chapoi
20 Novembre 2023, 10:37am
5
PR in arrivo per correggere:
=> questi ora dovrebbero essere a larghezza intera, se necessario
=> L’area blu dovrebbe essere nascosta su mobile, come accadeva prima del refactoring
Don:
Su Desktop
L’overflow dovrebbe ora scorrere nel modale invece di eccedere le dimensioni del modale
La visualizzazione mobile non dovrebbe funzionare bene su schermi di dimensioni desktop, quindi non sono sicuro di quale sia il problema qui?
3 Mi Piace
Don
20 Novembre 2023, 12:42pm
6
Grazie per la correzione
Non sono sicuro del perché non ci si aspetti che funzioni bene su schermi desktop (visualizzazione mobile) e mobili (visualizzazione desktop). So che è un caso limite, ma su desktop (visualizzazione mobile) sarebbe bello, se non altro, per scopi di sviluppo. Se passiamo alla visualizzazione mobile, dovremmo vedere quasi la stessa cosa che su un dispositivo mobile senza doverla simulare su un dispositivo virtuale.
Su mobile (visualizzazione desktop) ora il contenuto del modale trabocca. Anche questo è un caso limite, ma a volte Discourse rileva erroneamente il browser del dispositivo mobile, quindi li reindirizza alla visualizzazione desktop.
Desktop (visualizzazione mobile)
Mobile (visualizzazione desktop)
1 Mi Piace
chapoi
20 Novembre 2023, 12:44pm
7
Hai aggiunto ?mobile_view=1 all’URL? Vedo quello che vedi tu se non lo faccio, ma se lo faccio, funziona come previsto.
Don
20 Novembre 2023, 12:52pm
8
Sì, con ?mobile_view=1 appare come ho condiviso sopra.
Se uso la barra degli strumenti del dispositivo di Chrome e ricarico il sito, utilizzerà la visualizzazione mobile corretta perché rileverà il dispositivo come mobile-device.
1 Mi Piace
chapoi
20 Novembre 2023, 12:59pm
9
Capisco cosa intendi.
Purtroppo non ho una risposta o una soluzione immediata. E poiché si tratta di qualcosa che va oltre questo particolare argomento, ti consiglio di aprire un argomento dedicato se ti senti fortemente a riguardo.
Grazie!
chapoi
Chiuso
25 Novembre 2023, 1:00am
10
Questo argomento è stato chiuso automaticamente dopo 4 giorni. Non sono più ammesse nuove risposte.