Problème avec le bouton "Enregistrer" en CSS personnalisé sur les écrans plus petits

Voici ce que je vois sur un écran de 13 pouces, en mode Plein/Développé (c’est tout en bas de ma fenêtre) :

Lorsque « Afficher les options avancées » est sélectionné, même pas ça :
image

3 « J'aime »

Je peux reproduire sur mon écran 2560x1440 16/9, où le bouton est en dehors de la fenêtre :

1 « J'aime »

Et vous n’avez même pas sélectionné “Afficher les options avancées”… étrange.
Au moins, nous savons que ce n’est pas un problème de taille d’écran.
Et nous avons le mode compact, donc ça va, je suppose. Il nous permet de travailler. Ce serait pire :wink:

1 « J'aime »

Ce problème existe depuis longtemps. J’étais sûr qu’il avait déjà été signalé, mais je ne l’ai pas trouvé. Je me confonds peut-être avec autre chose. Hmm.

1 « J'aime »

Tant que nous avons la version compacte à notre disposition, ce n’est pas si mal.

1 « J'aime »

J’ai donné la priorité à quelqu’un pour qu’il examine cela au cours des prochaines semaines, mais si quelqu’un souhaite tenter de corriger du CSS ici dans une PR, n’hésitez pas.

Voici une PR :

4 « J'aime »

Merci ! Fusionné

3 « J'aime »

Désolé si c’est évident… comment mettons-nous cela à jour ? Est-ce déjà disponible ? Si oui, est-ce juste une mise à jour normale sur la page /admin/update ?

1 « J'aime »

Oui, lorsqu’une PR est fusionnée, elle est disponible via une mise à jour normale.

2 « J'aime »

J’ai rencontré un autre problème.
J’ai ce composant CSS personnalisé et j’ai fait une erreur dans le code, et quand je l’ai enregistré, la boîte d’erreur s’est affichée :

Cela a tout poussé vers le bas et je ne pouvais pas enregistrer les nouvelles modifications (la version corrigée). J’ai pensé que je pouvais simplement zoomer pour afficher le bouton, mais la boîte de code continuait d’ajuster la hauteur.

La seule façon dont j’ai pu enregistrer les nouvelles modifications a été d’utiliser l’Inspect de mon navigateur, de définir la boîte d’avertissement sur display:none; et j’ai alors pu voir à nouveau le bouton Enregistrer.

Et pendant que j’y suis, 2 suggestions :
1 - Ne serait-il pas possible d’utiliser cet espace supplémentaire en bas en mode compact ? La petite boîte est vraiment… petite.

2 - J’aime toujours éditer le code en vue développée. Ce serait formidable si nous pouvions définir cela par défaut, pour éviter d’avoir à le développer à chaque fois que nous l’ouvrons.

1 « J'aime »

Vous n’arrivez pas à faire défiler vers le bas ? Chez moi, ça fonctionne. :thinking:

Non. La boîte avec le code touche le bas de l’écran et même lorsque je dézoome le navigateur, la boîte continue d’ajuster sa hauteur.
J’ai un écran de 13 pouces, mais je ne pense pas que ce soit le problème… Peut-être que la boîte et le bouton doivent être à l’intérieur d’un conteneur (s’ils ne le sont pas déjà) afin que même si les messages d’erreur le repoussent, ce soit le bouton qui touche le bas de l’écran, pas la boîte.

1 « J'aime »

Je vois ce que vous voulez dire !
Comme vous êtes en plein écran, la page ne peut pas être défilée par défaut.

L’ajout de overflow: auto; au conteneur peut résoudre cette situation, et vous pouvez faire défiler vers le bas en utilisant la zone au-dessus de l’éditeur.

Cela dit, je pense que nous devrions toujours voir le bouton de sauvegarde. Ce serait une meilleure expérience pour l’administrateur. Je vais essayer de trouver une meilleure approche.

1 « J'aime »

J’espère que vous pourrez trouver la solution.

1 « J'aime »

J’ai juste fusionné quelques mises à jour qui devraient le rendre plus adaptable à l’espace d’écran disponible, quelles que soient les bannières ou les erreurs

4 « J'aime »