Enterprise: Mendukung konfigurasi elemen tingkat atas

Saya pikir kita memang membutuhkan ini untuk kasus lain sehingga triknya adalah dengan menambahkan kelas tingkat atas id-enterprise dan membiarkannya mengalir hanya setelah itu. Akan menjadi perubahan besar yang bisa kita mitigasi dengan mudah. Bisa juga menambahkannya ke initialize() saat Anda memanggilnya (jika orang menggunakannya).

Apakah mungkin menambahkan dukungan untuk soho untuk menambahkan dukungan untuk mengabaikan elemen?
Dalam kasus penggunaan kami, kami ingin aplikasi ditata menurut Soho, tetapi kami membutuhkan cara untuk memberi tahu Soho css untuk mengabaikan elemen tertentu dan turunannya

misalnya elemen dengan kelas akan diabaikan

.soho-ignore

mungkin :not() pemilih akan membantu?

Saya tidak yakin itu akan mudah @Fruko Saya kira kita harus menambahkan seluruh lembar gaya kedua di mana kita :not() SETIAP aturan css? Misalnya bagaimana jika Anda menggunakan kelas pohon di sana atau dropdown atau apa pun itu masih bisa menimbulkan masalah.

Saya pikir cara lain untuk melakukan ini adalah tidak memakai aturan ids-enterprise pada elemen tingkat atas itu dan itu akan berfungsi sebagai tidak.

<div class='ids-enterprise'>
   <!-- Soho / IDS stuff -->
</div>
<div class='anything-else-but-ids-enterprise'>
   <!-- Not Soho / IDS stuff -->
</div>

Terima kasih telah melihat ke dalamnya @tmcconechy ! Ini dan beberapa masalah lainnya (yang akan saya catat) mencegah Infor Nexus bermigrasi ke IDS (kami menggunakan Soho versi bercabang yang berusia bertahun-tahun), jadi ini akan sangat membantu.

Keren ya cukup pakai case untuk menambahkan ini. Akan segera menyelidikinya. Saya pikir hanya membutuhkan elemen tingkat atas tetapi mungkin berarti versi 5.0 hanya untuk mengikuti versi semantik dengan sejumlah kecil perubahan yang melanggar.

@tmcconechy tapi bagaimana dengan skenario seperti ini

    <div class="accordion ids-enterprise" data-demo-set-links="true" data-options="{'allowOnePane': false}">
      <div class="accordion-header">
        <a href="#"><span>Warehouse Location</span></a>
      </div>
      <div class="accordion-pane">
        <div class="accordion-content">
          <some-component-with-own-styles></some-component-with-own-styles>
        </div>
      </div>

diberikan kode di atas, bagaimana kita bisa memastikan bahwa css ids-enterprise tidak akan mengacaukan "beberapa-komponen-dengan-gaya-sendiri?

Dari sudut pandang saya, menambahkan elemen root ke cascade css dari adalah ide yang bagus untuk memulai, tetapi saya percaya untuk membuat enteprise css dapat digunakan, harus ada cara untuk membuatnya tidak mengutak-atik bagian lain dari aplikasi, jika: bukan pemilih bukan pilihan, bagaimana dengan mengawali semua kelas id-perusahaan dengan id-perusahaan?

ya saya berpikir untuk mengawali semua opsi dengan ids- tetapi ini adalah perubahan yang jauh lebih merusak. Juga tidak yakin bahwa itu akan menyelesaikan kasus yang tepat ini jika kita membuatnya disebut ids-accordion-content .

Untuk kasus yang tepat ini, saya pikir kami dapat menemukan sesuatu yang meniadakan gaya apa pun dalam konten akordeon, tetapi saya pikir itu akan menjadi masalah terpisah. Dan harus melakukan komponen ini dengan komponen.

Saya hanya ragu ada cara yang baik untuk membuat kelas not-ids yang bekerja pada setiap komponen di mana pun Anda meletakkannya. Jadi itu akan menjadi lebih dari kasus per kasus untuk itu.

Ingin tahu apakah pengaturan ulang yang lebih sederhana akan membantu? Fx... ids-reset

• akan mengatur font, padding, margin dan mungkin beberapa hal lagi kembali ke root dokumen?

Semacam reset terbalik? Mungkin membantu dalam beberapa kasus tetapi jelas tidak semua?

itu mungkin berhasil

Ok akan kita lihat bersama ini. Itu tidak seburuk yang saya harapkan awalnya.

Saya suka ide awalan dengan id. Sebenarnya ini namanya konsep "branding". Jelas ini adalah perubahan yang melanggar tetapi itu harus menjadi cara untuk struktur css ids-enterprisd di masa depan.

Saya setuju harus menimbang nilai di atas perubahan yang melanggar.

Memeriksa ini lebih lanjut. Itu tidak bisa dilakukan tanpa awalan ditambahkan ke root. Berharap aku bisa menemukan jalan.
Dalam proyek gen berikutnya semuanya memiliki awalan dan mandiri sehingga ini tidak akan menjadi masalah. Menyimpan ini untuk saat ini tetapi tidak menutup karena kami mungkin perlu melakukan ini pada versi utama

Kami memiliki solusi dalam versi 5.0 berikutnya di mana setiap komponen adalah komponen web dengan css yang dienkapsulasi dan semua css diberi namespace. Ini akan memuaskan masalah ini jadi tutup

@tmcconechy itu berita bagus! Apakah ada cara yang baik untuk melacak ketika ini tersedia secara umum?

Anda dapat mengawasi proyek ini https://github.com/infor-design/enterprise-wc -> ini jalan keluar tetapi kadang tahun depan harus ada sesuatu yang dirilis

Terlihat sangat menjanjikan!