Plots2: Perbaiki Gaya Responsif Tombol Bilah Alat "Sisipkan Header"

Dibuat pada 21 Mar 2021  ·  3Komentar  ·  Sumber: publiclab/plots2

Di editor lawas, ikon tombol bilah alat "Sisipkan Header" benar-benar hilang saat Anda mengubah ukuran jendela.
Khususnya, jika lebar jendela lebih besar dari 700 piksel dan kurang dari 1000 piksel.

Video

(Tombol Header adalah H dalam video di bawah ini)

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

Cara Mereproduksi

Kunjungi tempat mana pun yang menggunakan editor lawas di situs kami. Ini termasuk catatan, wiki, dan pertanyaan.
Ini juga termasuk /wiki/new .

  1. Misalnya, buka catatan ini di server pengujian kami di stable.
  2. Ubah ukuran jendela seperti di atas, dan perhatikan bagaimana H menghilang.

Perbaikan yang Disarankan

Anda harus melakukan riset di basis kode dan stylesheet CSS.

Bagian untuk toolbar ada di /app/views/editor/_toolbar.html.erb :
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

Saya perhatikan bahwa ikon tersebut dibungkus dengan span dengan class d-md-none , jadi mungkin itu saja. Tapi pasti bermain-main dengan ini dan lihat apa yang Anda temukan!

Ini adalah masalah besar bagi seseorang yang baru saja menyelesaikan FTO dan menginginkan sesuatu yang sedikit lebih menantang.

Kirim komentar di sini untuk mengklaim masalah ini, dan setelah itu, jangan ragu untuk mengirim komentar meminta bantuan jika Anda buntu!

CSS easy feature help wanted

Komentar yang paling membantu

@waridrox Bagus, itu cepat! Silakan, cukup kirim komentar di sini jika Anda buntu.

Semua 3 komentar

Bisakah saya mencobanya? @noi5e

@waridrox Bagus, itu cepat! Silakan, cukup kirim komentar di sini jika Anda buntu.

Anda tahu apa yang mereka katakan - terkadang jawabannya ada di depan Anda...

https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L43
Dalam hal ini, kode pada baris 40 menerapkan elemen rentang yang tidak perlu yang bertentangan dengan gaya. Menghapus itu hanya menyelesaikan masalah :D

_Tidak ada fungsi yang terhalang setelah perubahan meskipun banyak waktu yang dihabiskan untuk menemukan ini _

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

Saya telah mengembalikan warnanya, itu hanya untuk tujuan debugging.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

jywarren picture jywarren  ·  3Komentar

divyabaid16 picture divyabaid16  ·  3Komentar

keshavsethi picture keshavsethi  ·  3Komentar

keshavsethi picture keshavsethi  ·  3Komentar

first-timers[bot] picture first-timers[bot]  ·  3Komentar