Plots2: Correction du style réactif du bouton de la barre d'outils "Insérer l'en-tête"

Créé le 21 mars 2021  ·  3Commentaires  ·  Source: publiclab/plots2

Dans l'ancien éditeur, l'icône du bouton de la barre d'outils "Insérer un en-tête" disparaît complètement lorsque vous redimensionnez la fenêtre.
Plus précisément, si la largeur de la fenêtre est supérieure à 700px et inférieure à 1000px.

Vidéo

(Le bouton En-tête est le H dans la vidéo ci-dessous)

https://user-images.githubusercontent.com/4361605/111892783-b005ec80-89bb-11eb-81e6-14d68b3a9422.mov

Comment reproduire

Accédez à n'importe quel endroit qui utilise l'éditeur hérité sur notre site. Cela inclut les notes, les wikis et les questions.
Il comprend également /wiki/new .

  1. Par exemple, allez à cette note sur notre serveur de test à stable.
  2. Redimensionnez la fenêtre comme ci-dessus et remarquez comment le H disparaît.

Corrections suggérées

Vous devrez faire quelques recherches dans la base de code et les feuilles de style CSS.

Le partiel pour la barre d'outils est à /app/views/editor/_toolbar.html.erb :
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

Je remarque que l'icône est enveloppée dans un span avec la classe d-md-none , donc c'est peut-être ça. Mais jouez avec ça et voyez ce que vous trouvez !

C'est un excellent problème pour quelqu'un qui vient de terminer un FTO et qui veut quelque chose d'un peu plus stimulant.

Postez un commentaire ici pour revendiquer ce problème, et par la suite, n'hésitez pas à poster un commentaire demandant de l'aide si vous êtes bloqué !

CSS easy feature help wanted

Commentaire le plus utile

@waridrox Nice, c'était rapide ! Allez-y, postez simplement un commentaire ici si vous êtes bloqué.

Tous les 3 commentaires

Puis-je l'essayer s'il vous plaît ? @noi5e

@waridrox Nice, c'était rapide ! Allez-y, postez simplement un commentaire ici si vous êtes bloqué.

Vous savez ce qu'ils disent - parfois la réponse est juste devant vous...

https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L43
Dans ce cas, le code à la ligne 40 appliquait un élément span inutile qui était en conflit avec les styles. Supprimer cela a simplement résolu le problème :D

_Aucune fonctionnalité n'est entravée après le changement bien qu'il ait fallu beaucoup de temps pour le trouver 😅_

https://user-images.githubusercontent.com/58583793/111906743-2831e800-8a78-11eb-953d-58dfe534048b.mp4

J'ai rétabli les couleurs, elles étaient juste à des fins de débogage.

Cette page vous a été utile?
0 / 5 - 0 notes