Velocity carousel navigation position changed to the top on home page

This commit is contained in:
jitendra 2022-03-16 12:35:49 +05:30
parent 8244a0a16f
commit 74e70cdae2
6 changed files with 33 additions and 7 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,10 +1,10 @@
{
"/js/jquery-ez-plus.js": "/js/jquery-ez-plus.js?id=ba3c7cada62de152fd8fce211d0b1b70",
"/js/velocity-core.js": "/js/velocity-core.js?id=73cc7c3501570ebe9151c72d954bd97d",
"/js/velocity.js": "/js/velocity.js?id=2a3be9d5daddbe4a0e4b14e6269d7692",
"/js/velocity.js": "/js/velocity.js?id=7322a300b7abd91c0f4566dca15157d0",
"/js/manifest.js": "/js/manifest.js?id=3cded37ef514b0fb89b10e7109801248",
"/js/components.js": "/js/components.js?id=f295b63d248ff98f71c686676634e3dc",
"/css/velocity.css": "/css/velocity.css?id=064cd20a8b18ef14bb99e49c187a13a5",
"/js/components.js": "/js/components.js?id=13b9830a81895f01341599d02ece594b",
"/css/velocity.css": "/css/velocity.css?id=b52d15b7e354ab4d33f797d00df3ab2a",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=b67a82956e53163b5e3ff45a44f9778f",
"/images/icon-calendar.svg": "/images/icon-calendar.svg?id=870d0f733a58377422766f3152e15486",
"/images/icon-camera.svg": "/images/icon-camera.svg?id=b2fd2f9e17e1ccee96e29f6c6cec91e8",

View File

@ -1,6 +1,6 @@
<template>
<div :class="`row mb15 col-12 ${rowClass}`">
<div :class="`row mb15 col-12 carousel-products-header ${rowClass}`">
<div class="col-4 no-padding" v-if="tabs || viewAll || scrollable">
<h2 class="fs20 fw6">{{ headerHeading }}</h2>
</div>

View File

@ -2352,6 +2352,14 @@
}
}
.full-content-wrapper {
.container-fluid {
.row.carousel-products-header {
padding-right: 75px !important;
}
}
}
.carousel-products {
+ .recently-viewed {
top: -40px;
@ -2367,6 +2375,24 @@
.VueCarousel-slide {
cursor: default;
}
.VueCarousel-navigation {
position: absolute;
right: 12px;
top: -49px;
.VueCarousel-navigation-button {
position: unset !important;
transform: none !important;
padding: 0 !important;
margin: 0 !important;
span {
font-size: 24px;
}
}
}
}
.vue-slider {