반응형

 

content<padding<border<margin<position

box-sizing

  • content-box
  • border-box

height, maxHeight, lineHeight

display

  • block
  • inline
  • inline-block
  • none

position

  • static
  • relative
  • absolute
  • fixed

z-index

  •  

!important - overriding 하더라도 이 속성이 적용되도록, 중요하니까

----------------------------------------
level3 menu 들여쓰기 적용 
#snb .MuiList-root > li > ul > li > a {
  padding-left: 25->50px;
----------------------------------------
gnb statistics 메뉴 6개로 늘어날시 잘리는 문제
#header.is_active:after {
  height: 200->235px;

.sub_menu {
  height: 200->235px;
----------------------------------------
level2 level3 menu 사이 간격좁히기
#snb .MuiList-root>li>ul { #snb .MuiList-root>li>ul {
  padding: 15px 0->5px 0 15px 0;
}
----------------------------------------
material table 위 add버튼 right으로 이동하기
.btn_set_wrap.tbl_top1, .btn_set_wrap.tbl_top2{
left:0px; -> right:0px;
다음 2줄 추가 
.tbl_wrap > .tbl_top1 + .MuiPaper-root > .MuiToolbar-root .MuiTextField-root + div{width:120px;}
.tbl_wrap > .tbl_top2 + .MuiPaper-root > .MuiToolbar-root .MuiTextField-root + div{width:230px;} 
----------------------------------------
materialTable row backgroundColor 흰색고정
#root .MuiTable-root tbody td,
.pop_wrap .MuiTable-root tbody td {
  background: #ffffff;
----------------------------------------
??? material Table 내외부 버튼길이 문제 
.MuiButton-root.btn_size_tbl {
  width: 95px; -> 테이블 row별 버튼 %로 고치면 block으로 보여짐...

.btn_set_wrap_tbl {
  width: 100%;
  display: flex;
}
----------------------------------------
<TextField label="Select File" -> <TextField placeholder="Select File"


STATISTICS > Summary 등 메뉴에서 테이블 버튼위치 틀어지는 부분은 수정했습니다. 버튼눌렀을때 나오는 부분은 확인결과 정상적으로 나와서 따로 작업하지 않았습니다.

테이블 컬럼 고정의 경우 제가 설명드렸던 부분을 다 이해하지 못하신거 같습니다.

고정시켜주는 부분의 width값은 처음 테이블 생성시에 정해지는데 필터에서 선택하여 값을 변경시켜줄때 처음생성됐던 width값이 변경되어지지 않고 있습니다. 예를 들어 처음 생성된 width값이 1400이고 고정시킬 width값이 200이라면 1400에서부터 200만큼 들어간 위치를 고정시키게 됩니다. 근데 처음생성된 width값이 1400인데 변경된 테이블 안에 생성된 내용의 width값이 1600이라면 1400부터 1600까지의 영역은 안보이게 됩니다. 그리고 고정된영역도 1600에서 200만큼의 영역이 아닌 1400에서 200만큼의 영역이 보여지게 됩니다. 이부분은 수정이 어려운것으로 보여지기때문에 테이블 전체를 다시 그려달라고 요청드렸습니다.

반응형

+ Recent posts