Plots2: Korrigieren Sie das Responsive Styling der Symbolleistenschaltfläche "Kopfzeile einfügen"

Im Legacy-Editor verschwindet das Symbol der Symbolleistenschaltfläche "Kopfzeile einfügen" vollständig, wenn Sie die Größe des Fensters ändern.
Insbesondere, wenn die Breite des Fensters größer als 700 Pixel und kleiner als 1000 Pixel ist.

Video

(Der Header-Button ist das H im Video unten)

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

So reproduzieren Sie

Gehen Sie zu jedem Ort, der den Legacy-Editor auf unserer Website verwendet. Dazu gehören Notizen, Wikis und Fragen.
Es enthält auch /wiki/new .

1. Gehen Sie zum Beispiel zu diesem Hinweis auf unserem Testserver bei stable.
2. Ändern Sie die Größe des Fensters wie oben und beachten Sie, wie das H verschwindet.

Vorgeschlagene Korrekturen

Sie müssen etwas in der Codebasis und den CSS-Stylesheets recherchieren.

Der Teil für die Symbolleiste liegt bei /app/views/editor/_toolbar.html.erb :
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

Ich bemerke, dass das Symbol in ein span mit der Klasse d-md-none , also könnte es sein. Aber spielen Sie auf jeden Fall damit herum und sehen Sie, was Sie finden!

Dies ist ein großartiges Problem für jemanden, der gerade eine FTO abgeschlossen hat und etwas Herausfordernderes möchte.

Veröffentlichen Sie hier einen Kommentar, um dieses Problem zu melden, und posten Sie anschließend einen Kommentar, in dem Sie um Hilfe bitten, wenn Sie nicht weiterkommen!