uvula6921 of CREMA Publishing Team
3/27/2018 - 1:18 AM

모바일에서 3열인 갤러리 위젯(전체 리뷰)

  • 모바일, 갤러리 위젯에서 리뷰를 3열로 노출하는 경우 위젯의 기본 CSS로 인해 레이아웃이 깨지는 문제가 있어 이 CSS로 오버라이딩하고 있음.
custom_css_for_mobile.css
content_copyfile_download
.reviews_index_gallery_review__author_name,
.reviews_index_gallery_review__created_at {
  min-height: 18px;
}

@media (max-width: 415px) {
  .reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__display_score,
  .reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__reviews_count {
    display: block;
  }
  .reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__review_product {
    height: 40px !important;
  }
  .reviews_index_gallery_review__author_name {
    float: none;
  }
}

@media (max-width: 320px) {
  .reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__review_product {
    height: 26px !important;
  }
  .reviews_index_gallery_review__author_name {
    float: none;
  }
}