편집토론문서 역사

미디어위키:Common.css: 두 판 사이의 차이

편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
태그: 되돌려진 기여
1번째 줄: 1번째 줄:
/* mw-collapsible-content의 기본 설정 */
/* 기본 상태에서는 height를 0으로 설정 */
.mw-collapsible-content {
.mw-collapsible-content {
   overflow: hidden;
   overflow: hidden;
   height: 0; /* 기본 상태에서 높이를 0으로 설정 */
   max-height: 0; /* 기본 상태에서 높이를 0으로 설정 */
   transition: height 0.5s ease-out; /* 애니메이션 효과 */
   transition: max-height 0.5s ease-out; /* 애니메이션 효과 */
}
}


/* 펼쳐졌을 때 적용할 클래스 */
/* 펼쳐지면 적용되는 클래스 */
.mw-collapsible-expanded .mw-collapsible-content {
.mw-collapsible-expanded .mw-collapsible-content {
   height: auto; /* 내용에 맞게 자동으로 높이 설정 */
   max-height: 500px; /* 충분히 큰 값을 설정하여 내용이 다 보이도록 */
}
}


/* mw-collapsible을 클릭할 수 있게 스타일링 */
.mw-collapsible {
.mw-collapsible {
   cursor: pointer;
   cursor: pointer;
}
}

2025년 1월 13일 (월) 16:10 판

/* 기본 상태에서는 height를 0으로 설정 */
.mw-collapsible-content {
  overflow: hidden;
  max-height: 0; /* 기본 상태에서 높이를 0으로 설정 */
  transition: max-height 0.5s ease-out; /* 애니메이션 효과 */
}

/* 펼쳐지면 적용되는 클래스 */
.mw-collapsible-expanded .mw-collapsible-content {
  max-height: 500px; /* 충분히 큰 값을 설정하여 내용이 다 보이도록 */
}

.mw-collapsible {
  cursor: pointer;
}