xelayout-bezel-rhythm 등 버튼 높이 css 강제적용부분 삭제하기

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; 를 삭제해 준다.

 

이때 보여지는 화면상에는 문제 없지만  관리자 로그인시 페이지 설정버튼이 틀어지기 때문에  이것들을 모두 적용한 버전을 업로드 해 놓는다.

 

xe.min.css

 

 

 

 

필자는 현재 라이믹스 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

 

http://www.xelayout.com/cs_faq/41687