Commit 611d2357 authored by Alexandre Burgoni's avatar Alexandre Burgoni
Browse files

Fixing image getting out of frame

parent bd361879

builder/templates/job_documentation.md.j2

+2 −2
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
	<div class="splide__track">

		<ul class="splide__list">

      {% for screenshots in screenshots_files -%}

      <li class="splide__slide"><img src="{{screenshot_path}}/{{screenshots}}" /></li>

      <li class="splide__slide primary__slider"><img src="{{screenshot_path}}/{{screenshots}}" /></li>

      {% endfor %}

		</ul>

	</div>
@@ -17,7 +17,7 @@ 
	<div class="splide__track">

		<ul class="splide__list">

      {% for screenshots in screenshots_files -%}

      <li class="splide__slide"><img src="{{screenshot_path}}/{{screenshots}}" /></li>

      <li class="splide__slide secondary__slider" style="background-size: cover;" ><img src="{{screenshot_path}}/{{screenshots}}" /></li>

      {% endfor %}

		</ul>

	</div>

docs/css/splide/extra.css

+6 −1
Original line number Diff line number Diff line 
.splide__slide img {

.secondary__slider img {

	width : 100%;

	height: auto;

}



.primary__slider {

	background-size: contain !important;

	margin-left: 0 !important;

}



#secondary-slider {

    margin-top: 15px;

}
 
 No newline at end of file

docs/js/splide/splide.loader.js

+4 −3
Original line number Diff line number Diff line
@@ -13,8 +13,8 @@ function initSplide() { 
				height    : 40,

			}

        },

        autoplay: true,

        interval: 5000,

        //autoplay: true,

        //interval: 5000,

        pauseOnHover: true,

        resetProgress: true,

        rewind: true,
@@ -22,7 +22,8 @@ function initSplide() { 
	} ).mount();

    var primarySlider = new Splide( '#primary-slider', {

		type       : 'fade',

		heightRatio: 0.5,

		width: '100%',

		height: '400px',

		pagination : false,

		arrows     : false,

		cover      : true,