548 lines
14 KiB
CSS
548 lines
14 KiB
CSS
.catalog-product-view
|
|
.product-info-main
|
|
.product-reviews-summary.esun-review-summary {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 10px;
|
|
margin: 0 0 18px;
|
|
}
|
|
|
|
.esun-customer-reviews .action.primary,
|
|
.esun-order-review-item .action.primary,
|
|
.esun-awaiting-reviews .action.primary,
|
|
.review-form .action.primary {
|
|
background: #18aa59;
|
|
background-image: none;
|
|
border-color: #18aa59;
|
|
color: #fff;
|
|
}
|
|
|
|
.esun-customer-reviews .action.primary:hover,
|
|
.esun-customer-reviews .action.primary:focus,
|
|
.esun-order-review-item .action.primary:hover,
|
|
.esun-order-review-item .action.primary:focus,
|
|
.esun-awaiting-reviews .action.primary:hover,
|
|
.esun-awaiting-reviews .action.primary:focus,
|
|
.review-form .action.primary:hover,
|
|
.review-form .action.primary:focus {
|
|
background: #148f4b;
|
|
background-image: none;
|
|
border-color: #148f4b;
|
|
color: #fff;
|
|
}
|
|
.catalog-product-view
|
|
.product-info-main
|
|
.product-reviews-summary.esun-review-summary
|
|
.rating-summary {
|
|
display: flex;
|
|
margin: 0;
|
|
}
|
|
.catalog-product-view
|
|
.product-info-main
|
|
.product-reviews-summary.esun-review-summary
|
|
.rating-summary
|
|
.label {
|
|
display: none;
|
|
}
|
|
.catalog-product-view
|
|
.product-info-main
|
|
.product-reviews-summary.esun-review-summary
|
|
.rating-result {
|
|
margin: 0;
|
|
}
|
|
.catalog-product-view .product-info-main .esun-review-summary__meta {
|
|
color: #888;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
}
|
|
.catalog-product-view .product-info-main .esun-review-summary__score {
|
|
margin-right: 4px;
|
|
}
|
|
.rating-summary .rating-result > span:before {
|
|
color: #ffd800;
|
|
}
|
|
.catalog-product-view .esun-review-images {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin: 14px 0 0;
|
|
}
|
|
.catalog-product-view .esun-review-images__thumb {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
height: 72px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 72px;
|
|
}
|
|
.catalog-product-view .esun-review-images__thumb img,
|
|
.catalog-product-view .esun-review-images__thumb video {
|
|
border-radius: 6px;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
width: 100%;
|
|
}
|
|
.catalog-product-view .esun-review-video-thumb__play {
|
|
align-items: center;
|
|
background: rgba(0, 0, 0, 0.58);
|
|
border: 2px solid #fff;
|
|
border-radius: 50%;
|
|
display: inline-flex;
|
|
height: 30px;
|
|
justify-content: center;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 30px;
|
|
}
|
|
.catalog-product-view .esun-review-video-thumb__play:after {
|
|
border-bottom: 6px solid transparent;
|
|
border-left: 9px solid #fff;
|
|
border-top: 6px solid transparent;
|
|
content: "";
|
|
margin-left: 2px;
|
|
}
|
|
.catalog-product-view .page-main-reviews {
|
|
margin: 50px auto 0;
|
|
padding: 0;;
|
|
}
|
|
.catalog-product-view .product-reviews-section .product-section-title,
|
|
.catalog-product-view .esun-customer-reviews .product-section-title {
|
|
border: 0;
|
|
color: #333;
|
|
font-size: 34px;
|
|
font-weight: 700;
|
|
letter-spacing: 8px;
|
|
line-height: 1.2;
|
|
margin: 0 0 42px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
}
|
|
.catalog-product-view .product-reviews-section .product-section-title:after,
|
|
.catalog-product-view .esun-customer-reviews .product-section-title:after {
|
|
background: #18a957;
|
|
border-radius: 999px;
|
|
bottom: -22px;
|
|
content: "";
|
|
height: 2px;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 50px;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__header {
|
|
align-items: flex-start;
|
|
display: grid;
|
|
gap: 28px;
|
|
grid-template-columns: minmax(280px, 1fr) minmax(420px, 780px);
|
|
margin-bottom: 36px;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__summary {
|
|
min-width: 0;
|
|
}
|
|
.catalog-product-view .esun-review-stars {
|
|
color: #cfcfcf;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 1;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
.catalog-product-view .esun-review-stars__base,
|
|
.catalog-product-view .esun-review-stars__fill {
|
|
display: block;
|
|
}
|
|
.catalog-product-view .esun-review-stars__fill {
|
|
color: #ffd800;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__score {
|
|
color: #888;
|
|
display: inline-flex;
|
|
font-size: 15px;
|
|
gap: 8px;
|
|
margin-left: 20px;
|
|
vertical-align: 2px;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__actions {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 36px;
|
|
justify-content: flex-end;
|
|
justify-self: end;
|
|
min-width: 0;
|
|
width: 100%;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos-wrap {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: auto;
|
|
max-width: 580px;
|
|
min-width: 0;
|
|
text-align: right;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos-title {
|
|
color: #333;
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
margin-bottom: 8px;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos {
|
|
cursor: grab;
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: flex-end;
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
scrollbar-width: none;
|
|
user-select: none;
|
|
width: max-content;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos.is-dragging {
|
|
cursor: grabbing;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photo {
|
|
flex: 0 0 88px;
|
|
height: 88px;
|
|
width: 88px;
|
|
}
|
|
.catalog-product-view .esun-write-review-trigger {
|
|
align-items: center;
|
|
align-self: center;
|
|
background: transparent;
|
|
border: 0;
|
|
color: #18a957;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
gap: 16px;
|
|
white-space: nowrap;
|
|
}
|
|
.catalog-product-view .esun-write-review-trigger:hover,
|
|
.catalog-product-view .esun-write-review-trigger:focus,
|
|
.catalog-product-view .esun-write-review-trigger:active {
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: none;
|
|
color: #18a957;
|
|
outline: 0;
|
|
}
|
|
.catalog-product-view .esun-write-review-trigger__arrow {
|
|
border-right: 2px solid #18a957;
|
|
border-top: 2px solid #18a957;
|
|
height: 7px;
|
|
transform: rotate(45deg);
|
|
width: 7px;
|
|
}
|
|
.catalog-product-view .esun-review-items {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.catalog-product-view .esun-review-item {
|
|
border-bottom: 1px solid #e1e1e1;
|
|
margin: 0;
|
|
padding: 24px 0 28px;
|
|
}
|
|
.catalog-product-view .esun-review-item__heading {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 10px;
|
|
margin-bottom: 14px;
|
|
}
|
|
.catalog-product-view .esun-review-item__avatar {
|
|
background: #b7b7b7;
|
|
border-radius: 50%;
|
|
flex: 0 0 32px;
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.catalog-product-view .esun-review-item__author {
|
|
display: grid;
|
|
gap: 2px;
|
|
}
|
|
.catalog-product-view .esun-review-item__author strong {
|
|
color: #333;
|
|
font-size: 14px;
|
|
}
|
|
.catalog-product-view .esun-review-item__author time {
|
|
color: #777;
|
|
font-size: 13px;
|
|
}
|
|
.catalog-product-view .esun-review-item__stars {
|
|
display: inline-block;
|
|
margin-bottom: 12px;
|
|
}
|
|
.catalog-product-view .esun-review-item__content {
|
|
color: #333;
|
|
font-size: 16px;
|
|
line-height: 1.55;
|
|
margin-bottom: 12px;
|
|
}
|
|
.catalog-product-view .esun-review-item__media-row {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: space-between;
|
|
}
|
|
.catalog-product-view .esun-review-votes {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
gap: 12px;
|
|
margin-left: auto;
|
|
}
|
|
.catalog-product-view .esun-review-vote {
|
|
align-items: center;
|
|
background: transparent;
|
|
border: 0;
|
|
color: #333;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-size: 13px;
|
|
gap: 4px;
|
|
padding: 0;
|
|
}
|
|
.catalog-product-view .esun-review-votes[data-can-vote="0"] .esun-review-vote {
|
|
cursor: default;
|
|
}
|
|
.catalog-product-view .esun-review-vote.is-active {
|
|
color: #18a957;
|
|
}
|
|
.catalog-product-view
|
|
.esun-review-vote[data-vote-type="-1"]
|
|
.esun-review-vote__icon {
|
|
display: inline-block;
|
|
transform: rotate(180deg);
|
|
}
|
|
.catalog-product-view .esun-review-toolbar {
|
|
border-top: 0;
|
|
margin-top: 28px;
|
|
text-align: center;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .pages {
|
|
border-bottom: 0;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .toolbar-amount,
|
|
.catalog-product-view .esun-review-toolbar .limiter {
|
|
display: none;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .pages {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
gap: 24px;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .pages-items {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
gap: 20px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .item a,
|
|
.catalog-product-view .esun-review-toolbar .item strong {
|
|
align-items: center;
|
|
background: #cfe8dc;
|
|
border-radius: 999px;
|
|
color: transparent;
|
|
display: inline-flex;
|
|
height: 8px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
width: 8px;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .item.current strong {
|
|
background: #18a957;
|
|
height: 8px;
|
|
width: 30px;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .item.pages-item-previous a,
|
|
.catalog-product-view .esun-review-toolbar .item.pages-item-next a {
|
|
background: transparent;
|
|
border-right: 2px solid #18a957;
|
|
border-top: 2px solid #18a957;
|
|
border-radius: 0;
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .item.pages-item-previous a {
|
|
transform: rotate(-135deg);
|
|
}
|
|
.catalog-product-view .esun-review-toolbar .item.pages-item-next a {
|
|
transform: rotate(45deg);
|
|
}
|
|
.catalog-product-view .esun-review-form-modal {
|
|
align-items: center;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
padding: 24px;
|
|
position: fixed;
|
|
z-index: 1002;
|
|
}
|
|
.catalog-product-view .esun-review-form-modal[hidden] {
|
|
display: none;
|
|
}
|
|
.catalog-product-view .esun-review-form-modal__overlay {
|
|
background: rgba(0, 0, 0, 0.58);
|
|
inset: 0;
|
|
position: absolute;
|
|
}
|
|
.catalog-product-view .esun-review-form-modal__dialog {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
max-height: calc(100vh - 48px);
|
|
max-width: 720px;
|
|
overflow: auto;
|
|
padding: 32px;
|
|
position: relative;
|
|
width: min(720px, 100%);
|
|
z-index: 1;
|
|
}
|
|
.catalog-product-view .esun-review-form-modal__close {
|
|
align-items: center;
|
|
background: #111;
|
|
border: 2px solid #fff;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-size: 28px;
|
|
height: 40px;
|
|
justify-content: center;
|
|
line-height: 40px;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 12px;
|
|
width: 40px;
|
|
}
|
|
.catalog-product-view .esun-review-hidden-field,
|
|
.catalog-product-view .review-field-rating > .label {
|
|
display: none;
|
|
}
|
|
.catalog-product-view .esun-review-upload-preview {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 10px;
|
|
}
|
|
.catalog-product-view .esun-review-upload-preview img {
|
|
border-radius: 6px;
|
|
height: 72px;
|
|
object-fit: cover;
|
|
width: 72px;
|
|
}
|
|
.esun-review-lightbox {
|
|
align-items: center;
|
|
background: rgba(0, 0, 0, 0.62);
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
padding: 0;
|
|
position: fixed;
|
|
z-index: 1000;
|
|
}
|
|
.esun-review-lightbox[hidden] {
|
|
display: none;
|
|
}
|
|
.esun-review-lightbox__image {
|
|
border-radius: 8px;
|
|
max-height: min(90vh, 680px);
|
|
max-width: min(90vw, 680px);
|
|
object-fit: contain;
|
|
}
|
|
.esun-review-lightbox__video {
|
|
background: #000;
|
|
border-radius: 8px;
|
|
max-height: 90vh;
|
|
max-width: 90vw;
|
|
width: min(90vw, 960px);
|
|
}
|
|
.esun-review-lightbox__image[hidden],
|
|
.esun-review-lightbox__video[hidden] {
|
|
display: none;
|
|
}
|
|
.esun-review-lightbox__close,
|
|
.esun-review-lightbox__prev,
|
|
.esun-review-lightbox__next {
|
|
align-items: center;
|
|
background: #fff;
|
|
border: 1px solid #18a957;
|
|
border-radius: 999px;
|
|
color: #18a957;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-size: 30px;
|
|
height: 44px;
|
|
justify-content: center;
|
|
line-height: 0.8;
|
|
position: fixed;
|
|
width: 44px;
|
|
}
|
|
.esun-review-lightbox__close {
|
|
background: #1d0e0d;
|
|
border: 3px solid #fff;
|
|
color: #fff;
|
|
right: 24px;
|
|
top: 24px;
|
|
}
|
|
.esun-review-lightbox__prev {
|
|
left: 24px;
|
|
top: 50%;
|
|
}
|
|
.esun-review-lightbox__next {
|
|
right: 24px;
|
|
top: 50%;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.catalog-product-view .esun-customer-reviews__header {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__actions {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
gap: 18px;
|
|
justify-content: flex-start;
|
|
justify-self: stretch;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos-wrap {
|
|
align-items: flex-start;
|
|
margin-left: 0;
|
|
max-width: 100%;
|
|
text-align: left;
|
|
}
|
|
.catalog-product-view .esun-customer-reviews__photos {
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.catalog-product-view .product-reviews-section .product-section-title,
|
|
.catalog-product-view .esun-customer-reviews .product-section-title {
|
|
font-size: 20px;
|
|
letter-spacing: 2px;
|
|
}
|
|
.catalog-product-view .esun-review-item__media-row {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
.catalog-product-view .esun-review-votes {
|
|
align-self: flex-end;
|
|
}
|
|
}
|
|
.catalog-product-view .esun-review-item:last-child{border-bottom:0}.esun-order-review-item{padding:16px 0;border-bottom:1px solid #ddd}.esun-order-review-status{margin-left:12px;color:#666}.esun-order-review-item details{margin-top:12px}.esun-order-review-item summary{display:inline-block;cursor:pointer}.esun-order-review-item form{margin-top:16px;max-width:720px}
|