Commit e6cf3dce authored by Pat Kira's avatar Pat Kira Committed by Aaron Wells
Browse files

bug 1570667 - Fixed carousel styles

- chevrons are now on the sides of the image
- caption is below the image instead of on top

behatnotneeded

Change-Id: I145a81fd06ae92580a541dd3ade55fcd6ab1d000
parent 5acd0f70
......@@ -91,7 +91,7 @@ jQuery(function($) {
function carouselHeight() {
var carousel = $('.carousel'),
i, j,
image,
carouselItem,
height;
carousel.removeClass('carousel-ready');
......@@ -101,11 +101,11 @@ jQuery(function($) {
$(carousel[i]).find('.item').addClass('inline');
height = 0;
image = $(carousel[i]).find('.item img');
carouselItem = $(carousel[i]).find('.item');
for (j = 0; j < image.length; j = j + 1){
if($(image[j]).height() > height){
height = $(image[j]).height();
for (j = 0; j < carouselItem.length; j = j + 1) {
if ($(carouselItem[j]).height() > height) {
height = $(carouselItem[j]).height();
}
}
......
.carousel {
width: 82%;
margin: 0 auto;
.item {
display: block;
// &.inline {
// display: block;
// }
}
&.carousel-ready {
......@@ -10,35 +15,47 @@
&.next {
display: block;
}
img {
vertical-align: middle;
}
}
}
// Overriding bootstrap carousel styles
.carousel-caption {
text-align: left;
background-color:rgba(0,0,0,0.6);
position: relative;
color: $text-color;
background-color: transparent;
text-shadow: none;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
padding: 10px 0 0 0;
}
.carousel-control {
width: 10%;
width: 8%;
opacity: 1;
top: 0;
bottom: 100%;
~ .icon {
vertical-align: middle;
}
&.left {
left: -10%;
}
&.right {
right: -10%;
}
&:hover,
&:focus {
opacity: 1;
}
top: 5%;
bottom: 95%;
~ .icon {
vertical-align: middle;
}
.icon-lg {
font-size: 1.6em;
font-size: 1.5em;
}
a {
display: block;
padding: 3px 0;
padding: 3px;
color: #000;
opacity: .5;
&:hover,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment