질문/조언팁/리소스 공유

프로알라 에디터와 이퀴어 레이아웃을 같이 사용하게 되면 아래 이미지와 같이 fontawesome 충돌이 발생됩니다.
1.png

* 빨간 태두리 부분이 fontawesome 충돌하는 부분입니다.

 

act 값을 비교해 글쓰기 화면에서 레이아웃의 fontawesome-all.min.js 를 로딩하지 않도록합니다.

layout.html 53라인

 

변경전

<load target="assets/js/fontawesome-all.min.js" type="body" /> 

 

변경후

<[email protected](Context::get('act') != "dispBoardWrite")--><load target="assets/js/fontawesome-all.min.js" type="body" /><[email protected]>

 

frai1.gif

* 결과 화면

 

추가 작업

fontawesome-all.min.js 을 로딩하지 않으면 회원이 로그인 상태에서 글쓰기 페이지에 방문했을때 상단 오른쪽 알림 아이콘, 쪽지 아이콘이 fas 와 fa 클래스명 차이로 인해 출력되지 않습니다.

 

이 부분은 components/outlogin.html 파일을 수정하도록 합니다.

 

<i class="fas fa-bell"></i> 부분과 <i class="fas fa-envelope"></i> 을 아래의 코드를 참고해서 알맞게 변경해주세요.

 

변경전

<i class="fas fa-bell"></i>

 

변경후

<[email protected](Context::get('act') != "dispBoardWrite")-->
     <i class="fas fa-bell"></i>
<[email protected]>
    <i class="fa fa-bell"></i>
<[email protected]>

 


서버에 요청 중입니다. 잠시만 기다려 주십시오...