Rafael_Sampaio_de_Oliveira/challenge-vtex-io-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona arrows prateleira

Browse Source
This commit is contained in:
Rafael Sampaio de Oliveira 2023-01-31 15:58:34 -03:00
parent 7b2698beef
commit f5ea95ec1a
3 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/css/vtex.product-summary.css
View File

@ -20,5 +20,5 @@
font-weight: 400; font-weight: 400;
line-height: 25px; line-height: 25px;
text-align: center; text-align: center;
color: #292929; color: #000000;
} }

20
styles/css/vtex.slider-layout.css
View File

@ -15,7 +15,7 @@
} }
.paginationDot--shelf { .paginationDot--shelf {
background: #292929; background: #000000;
width: 10px !important; width: 10px !important;
height: 10px !important; height: 10px !important;
} }
@ -23,6 +23,22 @@
.paginationDot--shelf--isActive { .paginationDot--shelf--isActive {
width: 17px !important; width: 17px !important;
height: 17px !important; height: 17px !important;
border: 0.5px solid #292929; border: 0.5px solid #000000;
background: transparent; background: transparent;
} }
.sliderLeftArrow--shelf {
visibility: hidden;
}
.sliderLeftArrow--shelf::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png");
}
.sliderRightArrow--shelf {
visibility: hidden;
}
.sliderRightArrow--shelf::before {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
}

18
styles/sass/pages/product/vtex.slider-layout.scss
View File

@ -16,3 +16,21 @@
border: 0.5px solid $color-black; border: 0.5px solid $color-black;
background: transparent; background: transparent;
} }
.sliderLeftArrow--shelf {
visibility: hidden;
&::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png");
}
}
.sliderRightArrow--shelf {
visibility: hidden;
&::before {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
}
}