Problema con il pulsante "Salva" in CSS personalizzato su schermi più piccoli

Questo è quello che vedo su uno schermo da 13 pollici, in modalità Full/Expanded (questo è il fondo della mia finestra):

Quando viene selezionato “Mostra avanzate”, nemmeno quello:
image

3 Mi Piace

Posso riprodurre il problema sul mio schermo 2560x1440 16/9, dove il pulsante è fuori dalla finestra:

1 Mi Piace

E non hai nemmeno selezionato Mostra avanzate… strano.
Almeno sappiamo che non è un problema di dimensioni dello schermo.
E abbiamo la modalità compatta, quindi va bene, immagino. Ci permette di lavorare. Sarebbe peggio :wink:

1 Mi Piace

Questo problema esiste da molto tempo. Ero sicuro che fosse già stato segnalato, ma non sono riuscito a trovarlo. Forse mi confondo con qualcos’altro. hmm.

1 Mi Piace

Finché avremo la versione compatta con cui lavorare, non sarà poi così male.

1 Mi Piace

Sto dando priorità a qualcuno che dia un’occhiata nelle prossime settimane, ma se qualcuno vuole provare a risolvere alcuni problemi CSS qui in una PR, si senta libero di farlo.

Ecco una PR:

4 Mi Piace

Grazie! unito

3 Mi Piace

Mi scusi se è ovvio… come possiamo aggiornare questo? È già disponibile? Se sì, è solo un normale aggiornamento nella pagina /admin/update?

1 Mi Piace

Sì, quando un PR viene unito, è disponibile tramite un aggiornamento normale.

2 Mi Piace

Ho appena riscontrato un altro problema.
Ho questo componente CSS personalizzato e ho commesso un errore nel codice e quando l’ho salvato, mi è apparsa la casella di errore:

Ha spinto tutto verso il basso e non sono riuscito a salvare le nuove modifiche (la versione corretta). Ho pensato di poter semplicemente ridurre lo zoom per mostrare il pulsante, ma la casella di codice continuava ad adattare l’altezza.
L’unico modo in cui sono riuscito a salvare le nuove modifiche è stato utilizzare l’Ispettore del browser, impostare la casella di avviso su display:none; e quindi ho potuto vedere di nuovo il pulsante Salva.

E mentre ci sono, 2 suggerimenti:
1 - Non sarebbe possibile utilizzare questo spazio extra in basso quando si è in visualizzazione compatta? La piccola casella è davvero… piccola.

2 - Mi piace sempre modificare il codice in visualizzazione espansa. Sarebbe fantastico se potessimo impostare questo come predefinito, per evitare di doverlo espandere ogni volta che lo apriamo.

1 Mi Piace

Non riesci a scorrere verso il basso? Nella mia copia locale, ci riesco. :thinking:

No. La casella con il codice tocca il fondo dello schermo e anche quando rimpicciolisco il browser, la casella continua ad aggiustare la sua altezza.
Ho uno schermo da 13", ma non credo che sia quello il problema… Forse la casella e il pulsante devono stare all’interno di un contenitore (se non lo sono già) in modo che anche se i messaggi di errore la spingono verso il basso, ciò che tocca il fondo dello schermo è il pulsante, non la casella.

1 Mi Piace

Capisco cosa intendi!
Dato che sei a schermo intero, la pagina non può essere scorrata per impostazione predefinita.

Aggiungere overflow: auto; al contenitore può risolvere questa situazione e puoi scorrere verso il basso usando l’area sopra l’editor.

Detto questo, penso che dovremmo vedere sempre il pulsante Salva. Sarebbe una migliore esperienza per l’amministratore. Cercherò di trovare un approccio migliore.

1 Mi Piace

Spero che tu possa trovare la soluzione.

1 Mi Piace

Ho appena unito alcuni aggiornamenti che dovrebbero renderlo più adattabile allo spazio dello schermo disponibile, indipendentemente da eventuali banner o errori

4 Mi Piace