Adds arrows to main slider on gallery mode. Adds more classes to customizer colors function.
This commit is contained in:
parent
53a43114a5
commit
57f6cf1627
|
@ -67,18 +67,20 @@ jQuery( document ).ready(function( $ ) {
|
||||||
$('.single-item-collection--gallery').slick({
|
$('.single-item-collection--gallery').slick({
|
||||||
slidesToShow: 1,
|
slidesToShow: 1,
|
||||||
slidesToScroll: 1,
|
slidesToScroll: 1,
|
||||||
arrows: false,
|
arrows: true,
|
||||||
fade: true,
|
fade: true,
|
||||||
asNavFor: '.single-item-collection--gallery-items'
|
asNavFor: '.single-item-collection--gallery-items',
|
||||||
|
prevArrow: '<button type="button" data-role="none" class="single-item-collection--attachments-prev" aria-label="Previous" role="button" style="display: block;"><i class="tainacan-icon tainacan-icon-arrowleft"></i></button>',
|
||||||
|
nextArrow: '<button type="button" data-role="none" class="single-item-collection--attachments-next" aria-label="Next" role="button" style="display: block;"><i class="tainacan-icon tainacan-icon-arrowright"></i></button>',
|
||||||
});
|
});
|
||||||
|
|
||||||
$( '.single-item-collection--gallery-items' ).slick({
|
$( '.single-item-collection--gallery-items' ).slick({
|
||||||
asNavFor: '.single-item-collection--gallery',
|
asNavFor: '.single-item-collection--gallery',
|
||||||
prevArrow: '<button type="button" data-role="none" class="single-item-collection--attachments-prev" aria-label="Previous" role="button" style="display: block;"><i class="tainacan-icon tainacan-icon-arrowleft"></i></button>',
|
arrows: false,
|
||||||
nextArrow: '<button type="button" data-role="none" class="single-item-collection--attachments-next" aria-label="Next" role="button" style="display: block;"><i class="tainacan-icon tainacan-icon-arrowright"></i></button>',
|
|
||||||
slidesToShow: 7,
|
slidesToShow: 7,
|
||||||
slidesToScroll: 1,
|
slidesToScroll: 1,
|
||||||
infinite: false,
|
infinite: false,
|
||||||
|
centerMode: false,
|
||||||
focusOnSelect: true,
|
focusOnSelect: true,
|
||||||
autoplay: false,
|
autoplay: false,
|
||||||
autoplaySpeed: 2000,
|
autoplaySpeed: 2000,
|
||||||
|
@ -136,6 +138,7 @@ jQuery( document ).ready(function( $ ) {
|
||||||
slidesToShow: 7,
|
slidesToShow: 7,
|
||||||
slidesToScroll: 1,
|
slidesToScroll: 1,
|
||||||
autoplay: false,
|
autoplay: false,
|
||||||
|
infinite: true,
|
||||||
autoplaySpeed: 2000,
|
autoplaySpeed: 2000,
|
||||||
responsive: [ {
|
responsive: [ {
|
||||||
breakpoint: 1330,
|
breakpoint: 1330,
|
||||||
|
|
|
@ -576,6 +576,46 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.single-item-collection--attachments-prev,
|
||||||
|
.single-item-collection--attachments-next {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
height: 33px;
|
||||||
|
width: 45px;
|
||||||
|
line-height: 0px;
|
||||||
|
font-size: 3.75rem;
|
||||||
|
color: #298596;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translate(0, -50%);
|
||||||
|
-ms-transform: translate(0, -50%);
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-item-collection--attachments-prev {
|
||||||
|
left: -50px;
|
||||||
|
@media only screen and (max-width: 380px) {
|
||||||
|
right: -40px;
|
||||||
|
}
|
||||||
|
&.slick-disabled {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.single-item-collection--attachments-next {
|
||||||
|
right: -50px;
|
||||||
|
@media only screen and (max-width: 380px) {
|
||||||
|
right: -40px;
|
||||||
|
}
|
||||||
|
&.slick-disabled {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
.single-item-collection--gallery {
|
.single-item-collection--gallery {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
.slick-list {
|
.slick-list {
|
||||||
|
@ -601,16 +641,28 @@
|
||||||
.slick-slide {
|
.slick-slide {
|
||||||
max-height: 60vh;
|
max-height: 60vh;
|
||||||
}
|
}
|
||||||
|
.single-item-collection--attachments-next .tainacan-icon-arrowright::before {
|
||||||
|
content: 'next';
|
||||||
|
}
|
||||||
|
.single-item-collection--attachments-prev .tainacan-icon-arrowleft::before {
|
||||||
|
content: 'previous';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.single-item-collection--gallery-items {
|
.single-item-collection--gallery-items {
|
||||||
|
font-weight: normal;
|
||||||
|
transition: font-weight 0.3s ease;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-bottom: 4px solid transparent;
|
border-bottom: 4px solid transparent;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
transition: border 0.3s ease;
|
transition: border 0.3s ease;
|
||||||
}
|
}
|
||||||
.slick-current img {
|
.slick-current{
|
||||||
border-bottom: 4px solid #298596;
|
font-weight: bold;
|
||||||
}
|
img {
|
||||||
|
border-bottom: 4px solid #298596;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.single-item-collection--attachments-file {
|
.single-item-collection--attachments-file {
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -670,46 +722,6 @@
|
||||||
margin: 0 0 4px 0 !important;
|
margin: 0 0 4px 0 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.single-item-collection--attachments-prev {
|
|
||||||
left: -50px;
|
|
||||||
@media only screen and (max-width: 380px) {
|
|
||||||
right: -40px;
|
|
||||||
}
|
|
||||||
&.slick-disabled {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.single-item-collection--attachments-next {
|
|
||||||
right: -50px;
|
|
||||||
@media only screen and (max-width: 380px) {
|
|
||||||
right: -40px;
|
|
||||||
}
|
|
||||||
&.slick-disabled {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.single-item-collection--attachments-prev,
|
|
||||||
.single-item-collection--attachments-next {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
height: 33px;
|
|
||||||
width: 45px;
|
|
||||||
line-height: 0px;
|
|
||||||
font-size: 3.75rem;
|
|
||||||
color: #298596;
|
|
||||||
cursor: pointer;
|
|
||||||
background: transparent;
|
|
||||||
top: 50%;
|
|
||||||
-webkit-transform: translate(0, -50%);
|
|
||||||
-ms-transform: translate(0, -50%);
|
|
||||||
transform: translate(0, -50%);
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.single-item-collection--information{
|
.single-item-collection--information{
|
||||||
.card{
|
.card{
|
||||||
|
|
|
@ -1356,8 +1356,20 @@ function tainacan_get_color_scheme_css( $colors ) {
|
||||||
fill: {$colors['tainacan_link_color']} !important;
|
fill: {$colors['tainacan_link_color']} !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tainacan-single-post .single-item-collection--attachments .single-item-collection--attachments-next,
|
.tainacan-single-post .single-item-collection--attachments-next,
|
||||||
.tainacan-single-post .single-item-collection--attachments .single-item-collection--attachments-prev {
|
.tainacan-single-post .single-item-collection--attachments-prev {
|
||||||
|
color: {$colors['tainacan_link_color']} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tainacan-single-post .single-item-collection .single-item-collection--gallery-items .slick-current img {
|
||||||
|
border-bottom: 4px solid {$colors['tainacan_link_color']} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tainacan-single-post .single-item-collection .tainacan-item-file-download {
|
||||||
|
background-color: {$colors['tainacan_link_color']} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tainacan-single-post .title-content-items {
|
||||||
color: {$colors['tainacan_link_color']} !important;
|
color: {$colors['tainacan_link_color']} !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue