Enterprise: 팝업 메뉴: li.is-disabled는 .is-selected와 함께 배경을 강조 표시했습니다.

에 만든 2018년 10월 11일 · 4코멘트 · 출처: infor-design/enterprise

버그 설명
팝업 메뉴에서 일부 항목을 비활성화할 때 마우스를 항목 위로 이동하고 제거하면 .is-selected 배경색이 표시되어 선택 가능한 느낌을 줍니다.

재현하기 위해
동작을 재현하는 단계:

예상되는 행동
.is-disabled 클래스는 .is-selected가 항목의 배경을 변경하는 것을 방지해야 합니다. .is- disabled:hover가 올바르게 동작하는 것이 궁금하지만 :hover가 꺼져 있으면 강조 표시됩니다.

해결책은 "background-color: transparent"를 .is-disabled.is-selected에 추가하는 것입니다.

스크린샷

플랫폼

추가 컨텍스트
여기에 문제에 대한 다른 컨텍스트를 추가하십시오.

[1] type

출처

dubde

가장 유용한 댓글

안녕하세요 @brianjuan 여기에서 확인할 수 있습니다.

dubde 에 2018년 12월 17일

👍3

당분간은 global styles.css를 넣어 로컬에서 해결했습니다.

.popupmenu li.is-focused.is-disabled,
 .popupmenu li.is-focused.disabled {
  background-color: transparent;
}

dubde 에 2018년 12월 04일

안녕하세요 @tmcconechy , 어디에서 수정 사항을 테스트할 수 있습니까? /components/menubutton/test-disabled.html은 localhost 및 https://4140-beta0-enterprise.demo.design.infor.com/components/list 에서 찾을 수 없습니다.

brianjuan 에 2018년 12월 17일

안녕하세요 @brianjuan 여기에서 확인할 수 있습니다.

dubde 에 2018년 12월 17일

👍3

품질보증을 통과했습니다. 완료로 이동합니다.
테스트: 모든 장치, OS 및 브라우저에 대해 https://4140-beta0-enterprise.demo.design.infor.com/components/popupmenu/example-disabled-submenus.html

janahintal 에 2018년 12월 18일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급