Commit 464115d7 by Anton Sudak

Improve slider layout for small screens

parent 0f6a72f3
......@@ -8,7 +8,7 @@
@Some(Template.filterPermitted(data.getSubSliderSubBlocks).asScala).filter(_.nonEmpty).map { entries =>
<div id="slider-@data.getId" class="carousel slide" data-ride="carousel">
@if(entries.size > 1) {
<ol class="carousel-indicators">
<ol class="carousel-indicators d-none d-md-flex">
@entries.zipWithIndex.map { case (slide, idx) =>
<li data-target="#slider-@data.getId" data-slide-to="@idx" @if(entries.head == slide){class="active"}></li>
}
......
......@@ -20,7 +20,7 @@
}
@_blockBase(data = data, delete = true, edit = true, add = false, color = "red", name = "Content") {
<img src="@slideBgUrl(data)" class="d-block w-100">
<div class="carousel-caption d-md-block">
<div class="carousel-caption d-md-block py-0 py-md-4">
<div class="row">
@if(isNonEmpty(data.getImage)) {
<div class="d-none d-md-block col-lg-3 col-lg-offset-2 col-md-4">
......
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