swcheon of CREMA Publishing Team
2/26/2018 - 1:33 AM

둥근썸네일 위젯 - 갤러리 위젯 (리뷰 작성일 노출)

.reviews_index--gallery .reviews_index__reviews {
  width: 1185px;
}
.pagination__button,
.pagination__button--active {
  border: 0;
}
.reviews_index_gallery_review {
  position: relative;
  box-shadow: none;
}
.photo_review_thumbnail__review_author_info {
  position: absolute;
  top: 260px;
  right: 1px;
  width: 105px;
  border-bottom: 0;
}
.reviews_index_gallery_review__review_product {
  height: 85px !important;
  background: #fff;
}
.reviews_index_gallery_review__review_product_thumbnail {
  position: absolute;
  bottom: 20px;
}
.reviews_index_gallery_review__review_product_thumbnail img {
  width: 72px;
  height: 72px;
  border-radius: 100%;
}
.photo_review_thumbnail__date_name_container--show_created_at {
  position: static;
}
.photo_review_thumbnail__date_name_container--show_created_at .photo_review_thumbnail__author_name {
  position: absolute;
  top: -45px;
  right: 78px;
  margin-right: 0;
  color: #fff;
  font-size: 12px;
}
.photo_review_thumbnail__date_name_container--show_created_at .photo_review_thumbnail__created_at {
  position: absolute;
  top: -45px;
  right: -3px;
  width: 90px;
  color: #fff;
  font-size: 12px;
}
.reviews_index_gallery_review__review_product_info {
  margin-left: 86px;
}
.reviews_index_gallery_review__product_info_title {
  position: absolute;
  top: 254px;
  width: 110px;
  font-size: 12px;
  font-weight: bold;
}
.reviews_index_gallery_review__product_info_feedbacks {
  position: absolute;
  bottom: 14px;
  color: #aaa;
  font-size: 12px;
}
.reviews_index_gallery_review__product_info_feedbacks strong {
  padding-right: 5px;
  color: #aaa;
  font-weight: normal;
}
.photo_review_thumbnail__review_title {
  height: 2.4em;
  line-height: 140%;
  white-space: normal;
}
.reviews_index {
  padding: 0;
}
.reviews_index__body {
  border-bottom: 0;
}
.reviews_index__foot,
.reviews_index__footer {
  padding-top: 0;
}
.pagination__button {
  border-radius: 0;
}
.review_sort_description {
  display: none;
}
.reviews_index__menu {
  display: none;
}
.pagination__button, .pagination__button--active {
  border: 0;
}
.reviews_index_gallery_review__box_default {
  position: relative;
  border-radius: 0;
}
.reviews_index_gallery_review__product_thumbnail {
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.reviews_index_gallery_review__review_product {
  height: 80px !important;
  padding: 8px 6px;
}
.reviews_index_gallery_review__review_product_info {
  margin-left: 57px;
}
.reviews_index_gallery_review__product_info_feedbacks {
  color: #aaa;
}
.reviews_index_gallery_review__product_info_feedbacks_value {
  color: #aaa;
  font-weight: normal;
}
.reviews_index_gallery_review__display_score {
  float: left;
  display: block;
  margin-top: 0;
}
.reviews_index_gallery_review__reviews_count {
  display: block;
}
.reviews_index_gallery_review__product_info_title {
  font-weight: bold;
}
.products_reviews_gallery_body__reviews .review_thumbnail__section--review, .products_reviews_gallery_review__section--review, .reviews_index_gallery_review__section--review { 
  position: absolute;
  right: 0;
  bottom: 94px;
  border-bottom: 0;
}
.reviews_index_gallery_review__date_name_container {
  color: #fff;
}
.products_reviews_gallery_body__reviews .review_thumbnail__review_title, .products_reviews_gallery_review__review_title { 
  font-size: 11px;
}
.reviews_index_gallery_review__created_at {
  margin-left: 6px;
  color: #fff;
}
.products_reviews_gallery_body__reviews .review_thumbnail__section--photo, .products_reviews_gallery_review__section--photo, .reviews_index_gallery_review__section--photo { 
    /* 사진의 세로 크기를 정방형으로 맞추기 위해 */
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.products_reviews_gallery_body__reviews .review_thumbnail__image, .products_reviews_gallery_review__image, .reviews_index_gallery_review__image { 
    /* 사진의 세로 중앙 정렬을 맞추기 위해 */
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 0;
}
.products_reviews_gallery_body__reviews .review_thumbnail__image, .products_reviews_gallery_review__image, .reviews_index_gallery_review__image { 
  border-radius: 0;
}
.reviews_index_gallery_review__review_title, .review_group_by_product__review_title {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 4px;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.2;
  height: 2.4em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 위젯이 3열로 노출되도록 설정된 경우 기본 CSS에 더불어 아래 CSS를 추가해야 함 */
.reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__review_product {
  height: 68px !important;
}
.reviews_index_gallery__reviews--3cols .products_reviews_gallery_body__reviews .review_thumbnail__section--review,
.reviews_index_gallery__reviews--3cols .products_reviews_gallery_review__section--review,
.reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__section--review {
  bottom: 85px;
}
@media (max-width: 320px) {
  .reviews_index_gallery__reviews--3cols .products_reviews_gallery_body__reviews .review_thumbnail__section--review,
  .reviews_index_gallery__reviews--3cols .products_reviews_gallery_review__section--review,
  .reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__section--review {
    bottom: 64px;
  }
  .reviews_index_gallery__reviews--3cols .reviews_index_gallery_review__review_product {
    height: 46px !important;
  }
}
jQuery(window).load(function(){
  jQuery('.reviews_index_gallery_review__review_title').each(function() {
    jQuery(this).insertAfter(jQuery(this).parent().parent().parent().find('.reviews_index_gallery_review__product_info_title'));
  });
});

jQuery(document).ajaxComplete(function() {
  jQuery('.reviews_index_gallery_review__review_title').each(function() {
    jQuery(this).insertAfter(jQuery(this).parent().parent().parent().find('.reviews_index_gallery_review__product_info_title'));
  });
});