gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

포토리뷰 작업 중 - 전체포토 수정

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2026-01-11 11:31:34 +09:00
parent e607dc8472
commit 38a616bc61
4 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
kr/assets/css/pdp_detail.css
View File

@@ -1677,10 +1677,15 @@
display: none;
align-items: center;
margin-top: 1rem;
font-size: 1.6rem;
font-size: 1.4rem;
color: #9ea1a2;
cursor: pointer;
}
@media (min-width: 768px) {
.reviewArea .reviewInner .reviewList .item .textArea .contentMoreBtn {
font-size: 1.6rem;
}
}
.reviewArea .reviewInner .reviewList .item .textArea .contentMoreBtn::after {
content: "";
display: block;
@@ -5555,7 +5560,7 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
flex-wrap: nowrap;
align-items: flex-start;
}
.photoReviewList .allPhotoReview {
.photoReviewList .btn-allPhotoReview {
display: flex;
align-items: center;
justify-content: center;
@@ -5570,16 +5575,17 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
background-color: #05141f;
border-radius: 0.8rem;
margin-right: 1rem;
cursor: pointer;
}
@media (min-width: 768px) {
.photoReviewList .allPhotoReview {
.photoReviewList .btn-allPhotoReview {
width: 16rem;
height: 16rem;
margin-right: 1.3rem;
font-size: 1.4rem;
}
}
.photoReviewList .allPhotoReview:before {
.photoReviewList .btn-allPhotoReview:before {
content: "";
display: block;
width: 100%;
@@ -5588,7 +5594,7 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
background: url(../images/common/icon_camera.png) no-repeat center center/auto 100%;
}
@media (min-width: 768px) {
.photoReviewList .allPhotoReview:before {
.photoReviewList .btn-allPhotoReview:before {
height: 3.2rem;
margin-bottom: 1.2rem;
}
@@ -5623,14 +5629,6 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
aspect-ratio: inherit;
}
}
.photoReviewList ul li:nth-child(n+4):nth-child(-n+7) {
display: none;
}
@media (min-width: 768px) {
.photoReviewList ul li:nth-child(n+4):nth-child(-n+7) {
display: block;
}
}
.photoReviewList ul li button {
width: 100%;
height: 100%;
@@ -5673,14 +5671,6 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
display: block;
}
}
.reviewArea .photoReviewList ul li:nth-child(5) button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
display: none;
}
@media (min-width: 768px) {
.reviewArea .photoReviewList ul li:nth-child(5) button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
display: block;
}
}
.popInner .photoReviewList ul {
flex-wrap: wrap;
}
@@ -5693,10 +5683,12 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
}
.popInner .photoReviewList ul li {
width: calc((100% - 2rem) / 3);
height: auto;
}
@media (min-width: 768px) {
.popInner .photoReviewList ul li {
width: calc((100% - 5rem) / 6);
aspect-ratio: 1/1;
}
}
.popInner .photoReviewList ul li:nth-child(7):before {

2
kr/assets/css/pdp_detail.css.map
View File

File diff suppressed because one or more lines are too long

41
kr/assets/css/pdp_detail.scss
View File

@@ -1805,9 +1805,12 @@
display: none;
align-items: center;
margin-top: 1rem;
font-size: 1.6rem;
font-size: 1.4rem;
color: #9ea1a2;
cursor: pointer;
@include tablet {
font-size: 1.6rem;
}
&::after {
content: "";
@@ -6299,7 +6302,7 @@
flex-wrap: nowrap;
align-items: flex-start;
.allPhotoReview {
.btn-allPhotoReview {
display: flex;
align-items: center;
justify-content: center;
@@ -6315,12 +6318,15 @@
background-color: #05141f;
border-radius: 0.8rem;
margin-right: 1rem;
cursor: pointer;
@include tablet {
width: 16rem;
height: 16rem;
margin-right: 1.3rem;
font-size: 1.4rem;
}
&:before {
content: "";
display: block;
@@ -6328,6 +6334,7 @@
height: 1.6rem;
margin-bottom: 0.2rem;
background: url(../images/common/icon_camera.png) no-repeat center center / auto 100%;
@include tablet {
height: 3.2rem;
margin-bottom: 1.2rem;
@@ -6365,13 +6372,13 @@
}
// 4~6 번째 숨김
&:nth-child(n + 4):nth-child(-n + 7) {
display: none;
// &:nth-child(n + 4):nth-child(-n + 7) {
// display: none;
@include tablet {
display: block;
}
}
// @include tablet {
// display: block;
// }
// }
button {
width: 100%;
@@ -6421,15 +6428,15 @@
}
// 4번째 li의 일반 버튼은 모바일에서 숨김
.reviewArea &:nth-child(5) {
button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
display: none;
// .reviewArea &:nth-child(5) {
// button:not(.photoReviewAllPopup.allPhotoReview-mobile) {
// display: none;
@include tablet {
display: block;
}
}
}
// @include tablet {
// display: block;
// }
// }
// }
}
.popInner & {
@@ -6447,9 +6454,11 @@
li {
width: calc((100% - 2rem) / 3);
height: auto;
@include tablet {
width: calc((100% - 5rem) / 6);
aspect-ratio: 1/1;
}
&:nth-child(7) {

4
kr/product/pdp_display_theme_disney_frozen.html
View File

@@ -1095,7 +1095,7 @@
</div>
</div>
<div class="photoReviewList">
<button class="allPhotoReview" onclick="open_layer_popup('photoReviewAll_Popup')">
<button class="btn-allPhotoReview" onclick="open_layer_popup('photoReviewAll_Popup')">
전체 포토리뷰
</button>
<ul>
@@ -1976,7 +1976,7 @@
<strong>포토리뷰 상세</strong>
<button class="btn-photoList" onClick="open_layer_popup('photoReviewAll_Popup'); close_layer_popup('photoReviewDetail_Popup');">포토리뷰 전체보기</button>
<button class="btn-close" onClick="close_layer_popup('photoReviewDetail_Popup');"><p>닫기</p></button>
<button class="btn-close" onClick="close_layer_popup('photoReviewDetail_Popup', 'toPhotoReviewAll');"><p>닫기</p></button>
</div>
<div class="photoReviewDetailWrap">