Widget:Carousel: Difference between revisions

From MoHA Wiki
(Created page with " <a class="carousel-control-prev" href="#<!--{$id}-->" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#<!--{$id}-->" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>")
 
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
   <a class="carousel-control-prev" href="#<!--{$id}-->" role="button" data-slide="prev">
<style>
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
   .mw-content-ltr ol.carousel-indicators { margin: revert !important; }
    <span class="sr-only">Previous</span>
  .carousel {
  </a>
      overflow-y: hidden;
  <a class="carousel-control-next" href="#<!--{$id}-->" role="button" data-slide="next">
      object-fit: cover;
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
      display: flex;
    <span class="sr-only">Next</span>
      align-items: center;
  </a>
      max-height: 300px;
  }
</style>
<a class="carousel-control-prev" href="#<!--{$id}-->" role="button" data-slide="prev"><!--
--><span class="carousel-control-prev-icon" aria-hidden="true"></span><!--
--><span class="sr-only">Previous</span></a>
<a class="carousel-control-next" href="#<!--{$id}-->" role="button" data-slide="next"><!--
--><span class="carousel-control-next-icon" aria-hidden="true"></span><!--
--><span class="sr-only">Next</span></a>

Latest revision as of 21:27, October 28, 2023

<style>
 .mw-content-ltr ol.carousel-indicators { margin: revert !important; }
 .carousel {
      overflow-y: hidden;
      object-fit: cover;
      display: flex;
      align-items: center;
      max-height: 300px;
 }
</style>
<a class="carousel-control-prev" href="#" role="button" data-slide="prev">Previous</a>
<a class="carousel-control-next" href="#" role="button" data-slide="next">Next</a>