xelayout의 레이아웃을 사용할 경우 버튼의 모양이 이상해진다.
css의 충돌때문이다. 이때 기존 /commone/css/xe.min.css 또는 rhymix.less 에서
height에 !important 되어 있는 부분을 찾아 삭제해주면 레이아웃에서 제공되는 .btn에 대한 css를 적용할 수 있다.
xe사용중이라면 css/xe.min.css 에서 다음에서
.btn{display:inline-block;*display:inline;margin:0;height:24px!important;overflow:visible;
height:24px!important; 를 삭제해 준다.
이때 보여지는 화면상에는 문제 없지만 관리자 로그인시 페이지 설정버튼이 틀어지기 때문에 이것들을 모두 적용한 버전을 업로드 해 놓는다.
필자는 현재 라이믹스 2.0.8 버전을 사용하므로 rhymix.less를 수정해주었다. 약 446 라인
>a, >button, >input, >span {
display: inline-block;
*zoom: 1;
margin: 0 -12px !important;
padding: 0 12px !important;
overflow: visible;
width: auto;
height: 24px;
border: 0;
vertical-align: top;
text-decoration: none !important;
line-height: 24px;
font-family: inherit;
font-size: 12px;
color: #333;
cursor: pointer;
background: none;
}
input&, button& {
height: 26px !important;
}
}
빨간 부분을 삭제해 준다.
오리지널 파일 xe.min.css
