Merge pull request #3858 from devansh-webkul/rtl_issue

Fixed #3321

packages/Webkul/Velocity/publishable/assets/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/js/velocity.js": "/js/velocity.js?id=b88fe95e230b90a9bb3d",
+    "/js/velocity.js": "/js/velocity.js?id=ba5f055c5d095149e9ad",
     "/css/velocity-admin.css": "/css/velocity-admin.css?id=612d35e452446366eef7",
-    "/css/velocity.css": "/css/velocity.css?id=8d13a66996b5f2a748bc"
+    "/css/velocity.css": "/css/velocity.css?id=c889234b4c047f4c7e98"
 }

packages/Webkul/Velocity/src/Resources/assets/sass/components/rtl.scss

@@ -11,6 +11,12 @@ body {
 
         header {
             #search-form {
+
+                #header-search-icon {
+                    float: right;
+                    border-radius: 2px 0px 0px 2px;
+                }
+
                 .btn-group {
                     select {
                         border-left: 0;
@@ -44,19 +50,13 @@ body {
             .mini-cart-container {
                 ~ .compare-btn,
                 ~ .wishlist-btn {
+                    float: left;
+
                     .badge-container {
                         .badge {
                             top: -28px;
                             left: -2px;
                         }
-                    }   
-                }
-
-                ~ .wishlist-btn , ~ .compare-btn {
-                    .badge-container {
-                        .badge {
-                            left: 20px;
-                        }
                     }
                 }
 
@@ -327,7 +327,7 @@ body {
         .modal-footer>:not(:last-child) {
             margin-left: .25rem;
         }
-        
+
         .compare-products {
             .wishlist-icon {
                 left: 60px;
@@ -366,7 +366,7 @@ body {
                         left: 40px;
                         right: unset;
                     }
-                }     
+                }
             }
         }
 
@@ -469,6 +469,39 @@ body {
     }
 }
 
+@media only screen and (max-width: 1192px) {
+    body {
+        &.rtl {
+
+            #search-form {
+
+                #header-search-icon {
+                    float: right;
+                    border-radius: 2px 0px 0px 2px;
+                }
+
+                .btn-group {
+                    .selectdiv {
+                        width: 190px;
+                    }
+                }
+
+                .selectdiv {
+                    + div {
+                        input {
+                            width: 220px;
+                        }
+                    }
+                }
+            }
+
+            .image-search-container {
+                left: 70px;
+            }
+        }
+    }
+}
+
 @media only screen and (max-width: 992px) {
     body {
         &.rtl {
@@ -483,7 +516,7 @@ body {
                         }
                     }
                 }
-                
+
                 .wrapper {
                     .vc-customer-options {
                         li {

packages/Webkul/Velocity/src/Resources/views/shop/home/new-products.blade.php

@@ -11,10 +11,7 @@
             <shimmer-component v-if="isLoading && !isMobileView"></shimmer-component>
 
             <template v-else-if="newProducts.length > 0">
-                <card-list-header
-                    row-class="pl-26"
-                    heading="{{ __('shop::app.home.new-products') }}"
-                >
+                <card-list-header heading="{{ __('shop::app.home.new-products') }}">
                 </card-list-header>
 
                 {!! view_render_event('bagisto.shop.new-products.before') !!}
@@ -123,9 +120,8 @@
                 {!! view_render_event('bagisto.shop.new-products.after') !!}
             </template>
 
-            @if($count==0)
+            @if ($count==0)
                 <template>
-                    
                         @if ($showRecentlyViewed)
                             @push('css')
                                 <style>
@@ -142,7 +138,7 @@
                                     'quantity'          => 3,
                                     'addClass'          => 'col-lg-3 col-md-12',
                                 ])
-                            </div>     
+                            </div>
                         @endif
                 </template>
             @endif