swcheon of CREMA Publishing Team
4/2/2018 - 3:43 AM

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

모바일, 갤러리 위젯(상세 리뷰)에서 리뷰를 3열로 노출하는 경우 위젯의 기본 CSS로 인해 레이아웃이 깨지는 문제가 있어 이 CSS로 오버라이딩하고 있음.

custom_css_for_mobile.css
content_copyfile_download
.products_reviews_gallery_review__author_name,
.products_reviews_gallery_review__created_at {
  min-height: 18px;
}
 
@media (max-width: 415px) {
  .gallery_grid__3_columns_container .products_reviews_gallery_review__reviews_count {
    display: block;
  }
  .gallery_grid__3_columns_container .products_reviews_gallery_review__review_product--3_columns {
    height: 40px !important;
  }
  .products_reviews_gallery_review__author_name,
   .products_reviews_gallery_review__created_at{
    float: none;
  }
}
 
@media (max-width: 320px) {
  .gallery_grid__3_columns_container .products_reviews_gallery_review__review_product--3_columns {
    height: 26px !important;
  }
  .products_reviews_gallery_review__author_name,
   .products_reviews_gallery_review__created_at{
    float: none;
  }
}