Skip to content

Commit

Permalink
Fix arrows styles and functionality
Browse files Browse the repository at this point in the history
  • Loading branch information
rodfersou committed Feb 8, 2017
1 parent e780d89 commit a3bd39f
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 10 deletions.
7 changes: 5 additions & 2 deletions src/collective/nitf/browser/templates/slideshow.pt
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<div class="slideshow-container"
<div id="nitf-slideshow"
class="slideshow-container"
tal:define="images context/get_images"
tal:condition="images">
<div class="slideshow-player">
Expand All @@ -8,7 +9,9 @@
data-cycle-swipe="true"
data-allow-wrap="true"
data-cycle-fx="fade"
data-cycle-log="false">
data-cycle-log="false"
data-cycle-prev="#nitf-slideshow .cycle-prev"
data-cycle-next="#nitf-slideshow .cycle-next">
<div tal:repeat="image images">
<img tal:replace="structure image/@@images/image/large" />
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/collective/nitf/static/nitf.js.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/collective/nitf/static/styles.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

24 changes: 18 additions & 6 deletions src/collective/nitf/webpack/app/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -136,11 +136,15 @@
position: absolute;
z-index: 110;
top: 0;
bottom: 0;

overflow: hidden;

width: 25%;
height: 79%;
width: 15%;

cursor: pointer;
white-space: nowrap;
text-indent: 101%;

opacity: .7;
border: none;
Expand All @@ -149,13 +153,13 @@
{
left: 0;

background: url(images/prev-arrow.png) no-repeat scroll 10% 50% rgba(0, 0, 0, 0);
background: url(images/prev-arrow.png) no-repeat scroll 20% 50% rgba(0, 0, 0, 0);
}
.cycle-next
{
right: 0;

background: url(images/next-arrow.png) no-repeat scroll 90% 50% rgba(0, 0, 0, 0);
background: url(images/next-arrow.png) no-repeat scroll 80% 50% rgba(0, 0, 0, 0);
}
.cycle-prev:hover,
.cycle-next:hover
Expand Down Expand Up @@ -277,11 +281,18 @@ a.edit-tile-link
{
min-width: 100%;
}
.cycle-slideshow
.slideshow-container
{
display: flex;
flex-direction: column;

max-width: 65%;
margin: 0 auto;
}
.slideshow-player
{
position: relative;
}
.cycle-slideshow .cycle-slide img
{
position: relative;
Expand All @@ -300,7 +311,8 @@ a.edit-tile-link
}

/* Stops pagers being misplaced when multiple carousel tiles on page */
.tile
.tile,
.slideshow-container
{
position: relative;
}

0 comments on commit a3bd39f

Please sign in to comment.