Commit a821deb1 authored by Cecilia Vela Gurovic's avatar Cecilia Vela Gurovic Committed by Robert Lyon
Browse files

Bug 1820931: image gallery should use carousel-item class

behatnotneeded

Change-Id: I2c2cbed0528a7d009a8ce5c51d23ccb876e9541a
parent 988ef71e
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
{foreach from=$images item=image key=k name=images} {foreach from=$images item=image key=k name=images}
<div class="{if $dwoo.foreach.images.first}item active{else}item{/if}"> <div class="{if $dwoo.foreach.images.first}carousel-item active{else}carousel-item{/if}">
<img src="{$image.source}" alt="{$image.title}" title="{$image.title}" class="mx-auto d-block"> <img src="{$image.source}" alt="{$image.title}" title="{$image.title}" class="mx-auto d-block">
{if $showdescription && $image.title} {if $showdescription && $image.title}
......
...@@ -296,6 +296,10 @@ ...@@ -296,6 +296,10 @@
background: #fff; background: #fff;
box-shadow: 0 0 3px 5px #f8f8f8; box-shadow: 0 0 3px 5px #f8f8f8;
} }
&.card.card-secondary > .block > .card-body {
overflow: hidden;
padding: 15px 20px;
}
} }
.user-thumbnails { .user-thumbnails {
......
.carousel { .carousel {
width: 82%; width: 82%;
margin: 0 auto; margin: 0 auto;
.item { .carousel-inner {
overflow: visible;
}
.carousel-item {
display: block; display: block;
} }
&.carousel-ready { &.carousel-ready {
.item { .carousel-item {
display: none; display: none;
&.active, &.active,
&.next { &.next {
...@@ -30,37 +33,56 @@ ...@@ -30,37 +33,56 @@
padding: 10px 0 0 0; padding: 10px 0 0 0;
} }
.carousel-control { .carousel-control {
width: 8%; width: auto;
opacity: 1; opacity: 1;
top: 0; top: 0;
bottom: 100%; bottom: 100%;
position: absolute;
~ .icon { ~ .icon {
vertical-align: middle; vertical-align: middle;
} }
&.left { &.left {
left: -10%; left: -25px;
} }
&.right { &.right {
right: -10%; right: -25px;
} }
&:hover, &:hover,
&:focus { &:focus {
opacity: 1; opacity: 1;
} }
.icon-lg { .icon-lg {
font-size: 1.5em; font-size: 1.875rem;
}
.carousel-control-first,
.carousel-control-last {
margin-top: 35px;
}
.carousel-control-last {
text-align: right;
}
.carousel-control-prev,
.carousel-control-next {
.icon {
margin-right: 0;
margin-left: 0;
}
} }
a { a {
display: block; display: block;
padding: 3px;
color: $theme-text-color; color: $theme-text-color;
opacity: .5; opacity: .5;
width: 20px;
&:hover, &:hover,
&:focus { &:focus {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
opacity: .9; opacity: .9;
} }
.icon {
width: 100%;
text-align: center;
}
} }
} }
} }
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