Enterprise: 최상위 요소 구성 지원

다른 경우에 이것이 필요하다고 생각하므로 트릭은 ids-enterprise 최상위 클래스를 추가하고 그 후에만 계단식으로 만드는 것입니다. 우리가 쉽게 완화할 수 있는 주요 변경 사항입니다. 호출할 때 initialize()에 추가할 수도 있습니다(사람들이 사용하는 경우).

요소 무시에 대한 지원을 추가하기 위해 soho에 대한 지원을 추가할 수 있습니까?
우리의 사용 사례에서 우리는 Soho에 따라 스타일이 지정된 앱을 원하지만 Soho CSS에게 특정 요소와 그 자손을 무시하도록 지시하는 방법이 필요합니다.

예를 들어 클래스가 있는 요소는 무시됩니다.

.soho-ignore

아마도 :not() 선택기 가 도움이 될까요?

@Fruko 그게 쉬울지

이를 수행하는 다른 방법은 해당 최상위 요소에 ids-enterprise 규칙을 적용하지 않는 것이므로 그렇지 않은 것으로 간주됩니다.

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

@tmcconechy 를 찾아주셔서 감사합니다! 이 문제와 몇 가지 다른 문제(내가 기록할 것)로 인해 Infor Nexus가 IDS로 마이그레이션되지 않습니다(우리는 몇 년 된 Soho 포크 버전에 있음). 따라서 이것은 큰 도움이 될 것입니다.

이것을 추가하기에 충분한 사용 사례가 있습니다. 곧 살펴보겠습니다. 나는 단지 최상위 요소가 필요하다고 생각하지만 소수의 주요 변경 사항으로 의미론적 버전 관리를 따르기 위한 5.0 버전을 의미할 수 있습니다.

@tmcconechy 하지만 이와 같은 시나리오는

    <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>

위의 주어진 코드에서 ids-enterprise css가 "some-component-with-own-styles?

내 관점에서 볼 때 캐스케이드 CSS에 루트 요소를 추가하는 것은 시작을 위한 좋은 생각이지만 엔터프라이즈 CSS를 사용 가능하게 만들기 위해서는 다음과 같은 경우 앱의 다른 부분을 사용하지 않도록 하는 방법이 있어야 한다고 생각합니다. not selector는 옵션이 아닙니다. 모든 ids-enterprise 클래스에 ids-enterprise를 접두사로 붙이면 어떻습니까?

예, 모든 옵션에 ids- 접두사를 붙이려고 생각했지만 훨씬 더 중요한 변경 사항입니다. 또한 ids-accordion-content 라고 하면 이 정확한 경우를 해결할 수 있을지 확신할 수 없습니다.

이 정확한 경우 아코디언 콘텐츠의 스타일을 무효화하는 무언가를 생각해낼 수 있다고 생각하지만 그건 별개의 문제라고 생각합니다. 그리고 이 구성 요소를 구성 요소별로 수행해야 합니다.

어디에 두든 상관없이 모든 단일 전체 구성 요소에서 작동하는 not-ids 클래스를 만드는 좋은 방법이 있는지 의심스럽습니다. 그래서 케이스 바이 케이스가 더 많을 것입니다.

더 간단한 재설정이 도움이 될지 궁금하십니까? FX... ids-reset

• 글꼴, 패딩, 여백 및 기타 몇 가지 사항을 문서 루트로 다시 설정하시겠습니까?

일종의 리버스 리셋? 어떤 경우에는 도움이 될 수 있지만 확실히 전부는 아니겠습니까?

그것은 트릭을 할 수 있습니다

Ok 이것과 함께 살펴보겠습니다. 처음에 기대했던 것만큼 나쁘지는 않습니다.

나는 id가 있는 접두사라는 아이디어를 좋아합니다. 실제로는 "브랜딩" 개념이라고 합니다. 확실히 그것은 브레이킹 체인지지만 미래에 ids-enterprisd CSS 구조를 위한 길이어야 합니다.

나는 주요 변화보다 가치에 가중치를 주어야 한다는 데 동의합니다.

이것을 추가로 확인했습니다. 루트에 접두사를 추가하지 않으면 수행할 수 없습니다. 내가 방법을 찾을 수 있기를 바랐다.
차세대 프로젝트에서는 모든 것이 접두사를 가지며 자체 포함되므로 문제가 되지 않습니다. 지금은 보류하지만 주요 버전에서 이 작업을 수행해야 할 수 있으므로 닫지 않습니다.

5.0 다음 ​​버전에는 각 구성 요소가 캡슐화된 CSS가 있는 웹 구성 요소이고 모든 CSS에 네임스페이스가 있는 솔루션이 있습니다. 이것은이 문제를 만족시킬 것이므로 닫습니다.

@tmcconechy 좋은 소식입니다! 이것이 일반적으로 사용 가능한 시기를 추적할 수 있는 좋은 방법이 있습니까?

이 프로젝트를 주시할 수 있습니다 https://github.com/infor-design/enterprise-wc -> 아직 멀었지만 내년 언젠가는 출시될 것입니다.

정말 유망해 보입니다!