ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

swap bootstrap carousel for libguides gallery

Browse Source
This commit is contained in:
Mark Eaton
2021-02-04 00:01:00 -05:00
parent d5720ec697
commit cd41484de5
2 changed files with 13 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-3/homepage3-js-css.html
+10 -2
View File
@@ -71,9 +71,17 @@
/* style the gallery */ /* style the gallery */
img { img {
border: solid black 3px;
max-height: 350px !important; max-height: 350px !important;
margin: auto; object-fit: contain;
margin: 0px;
}
.s-lib-public-side-header {
display: none;
}
.slick-active {
outline: 0;
} }
/* style the hours div */ /* style the hours div */
groups/new-homepage-3/homepage3-template.html
+1 -28
View File
@@ -147,35 +147,8 @@
<span class="panel-title content-panel-title">Gallery</span> <span class="panel-title content-panel-title">Gallery</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<!-- Gallery --> {{content_boxes}}
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="10000">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/44.65_SL1.jpg" />
</div> </div>
<div class="item">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Breton.jpg" />
</div>
<div class="item">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/08.220_SL1.jpg" />
</div>
<div class="item">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/FS-8055_01.jpg" />
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- end of gallery -->
</div> </div>
</div> </div>
</div> </div>