merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

link &n margin on review

This commit is contained in:
rahul shukla 2018-10-26 11:32:07 +05:30
parent 007f945b05
commit 16fece01eb
5 changed files with 93 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
packages/Webkul/Shop/src/Resources/assets/sass/app.scss vendored
View File

@ -226,6 +226,11 @@ body {
.info {
display: block;
margin-left: 20px;
.stars.icon {
height: 16px;
width: 16px;
}
}
}
@ -1913,7 +1918,7 @@ section.cart {
.cart-content {
.left-side .misc-controls {
display: block;
top: 150px;
top: 180px;
div {
margin-top: 10px;
@ -2394,6 +2399,22 @@ section.review {
// review page end here
// review responsive css start here
@media only screen and (max-width: 1150px) {
section.review {
.review-layouter {
.review-form {
.ratings-reviews {
.right-side {
.rater .line-bar {
width: 60%;
}
}
}
}
}
}
}
@media only screen and (max-width: 770px) {
section.review {
.category-breadcrumbs{
@ -2444,6 +2465,38 @@ section.review {
}
}
}
@media only screen and (max-width: 450px) {
section.review {
.review-layouter {
.review-form {
.ratings-reviews {
.right-side {
.rater .line-bar {
width: 90%;
}
}
}
}
}
}
}
@media only screen and (max-width: 412px) {
section.review {
.review-layouter {
.review-form {
.ratings-reviews {
.right-side {
.rater .line-bar {
width: 75%;
}
}
}
}
}
}
}
//review responsive css end here

17
packages/Webkul/Shop/src/Resources/views/customers/account/reviews/index.blade.php
View File

@ -26,18 +26,25 @@
<div class="account-item-card mt-15 mb-15">
<div class="media-info">
<?php $image = $productImageHelper->getGalleryImages($review->product); ?>
<img class="media" src="{{ $image[0]['small_image_url'] }}" />
<div class="info mt-20">
<div class="product-name">{{$review->product->name}}</div>
<a href="{{ url()->to('/').'/products/'.$review->product->url_key }}" title="{{ $review->product->name }}">
<img class="media" src="{{ $image[0]['small_image_url'] }}"/>
</a>
<div>
<div class="info">
<div class="product-name">
<a href="{{ url()->to('/').'/products/'.$review->product->url_key }}" title="{{ $review->product->name }}">
{{$review->product->name}}
</a>
</div>
<div class="stars mt-10">
@for($i=0 ; $i < $review->rating ; $i++)
<span class="icon star-icon"></span>
@endfor
</div>
<div>
<div class="mt-10">
{{ $review->comment }}
</div>
</div>

25
public/themes/default/assets/css/shop.css vendored
View File

@ -358,6 +358,11 @@ body {
margin-left: 20px;
}
.account-item-card .media-info .info .stars.icon {
height: 16px;
width: 16px;
}
.account-item-card .operations {
height: 120px;
display: -webkit-box;
@ -2120,7 +2125,7 @@ section.cart .cart-content .right-side {
@media only screen and (max-width: 560px) {
section.cart .cart-content .left-side .misc-controls {
display: block;
top: 150px;
top: 180px;
}
section.cart .cart-content .left-side .misc-controls div {
margin-top: 10px;
@ -2590,6 +2595,12 @@ section.review .review-layouter .ratings-reviews .right-side .rater .line-bar .l
background-color: #0031F0;
}
@media only screen and (max-width: 1150px) {
section.review .review-layouter .review-form .ratings-reviews .right-side .rater .line-bar {
width: 60%;
}
}
@media only screen and (max-width: 770px) {
section.review .category-breadcrumbs {
display: none;
@ -2636,6 +2647,18 @@ section.review .review-layouter .ratings-reviews .right-side .rater .line-bar .l
}
}
@media only screen and (max-width: 450px) {
section.review .review-layouter .review-form .ratings-reviews .right-side .rater .line-bar {
width: 90%;
}
}
@media only screen and (max-width: 412px) {
section.review .review-layouter .review-form .ratings-reviews .right-side .rater .line-bar {
width: 75%;
}
}
.auth-content {
padding-top: 15%;
padding-bottom: 15%;

19
public/themes/default/assets/js/shop.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/themes/default/assets/mix-manifest.json
View File

@ -1,4 +1,4 @@
{
"/js/shop.js": "/js/shop.js",
"/css/shop.css": "/css/shop.css"
}
}