[fix] change modal glyphicon arrows to image icons

pull/1/head
Noémi Ványi 8 years ago committed by Noémi Ványi
parent eaa0fb8102
commit d18d09a98b

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -32,13 +32,29 @@
}
.image-paging-left {
font-size: 2.2rem;
padding-right: 1.0rem;
margin-right: 1.0rem;
margin-top: 0.5rem;
width:15px;
height:15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI
WXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AweDQoOuikqUQAAAB1pVFh0Q29tbWVudAAAAAAAQ3Jl
YXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQoz6XTrQ0CQRCG4SesQHI5g6EAqIEewNLSVUACzfAT
BApDDSgSBAaJORKyauf2czOZdybzl5SpxR5j3H/OUQHYoMMMNwE1fcUT5hFwUgPuenAxBDxHwRZb
HKMgbPDCuiQ4ZfYDU6xwxTNafXDP1dOu3nP1heUJDnmCVAB/cMES7/+v+gIq0Bs3k6NL9AAAAABJ
RU5ErkJggg==) 96% no-repeat;
}
.image-paging-right {
font-size: 2.2rem;
padding-left: 1.2rem;
margin-left: 1.2rem;
margin-top: 0.5rem;
width:15px;
height:15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI
WXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AweDQon+JuyPQAAAB1pVFh0Q29tbWVudAAAAAAAQ3Jl
YXRlZCB3aXRoIEdJTVBkLmUHAAAAaklEQVQoz73TsQ2DUAxF0SMWAFEzwGcaWhgpEyAlbQYJMACj
sAINTaiIf8Tt3FzL9jPfDHijdoHiVK9o8EAlQMKM1z8EZUTQHoJnjmDJFUwYr17hTIcN/W2dwzOH
tx2+czhhCZ9oNH/6qh1F2RaYgWxrQwAAAABJRU5ErkJggg==);
}
.image-container::before {

@ -13,10 +13,10 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 modal-header">
<a {% if index != 1 %}href="#open-modal-{{ index-1 }}-{{ pageno }}"{% endif %}>
<span class="pull-left glyphicon glyphicon-chevron-left image-paging-left"></span>
<span class="pull-left image-paging-left"></span>
</a>
<a href="#open-modal-{{ index+1 }}-{{ pageno }}">
<span class="image-paging-right pull-right glyphicon glyphicon-chevron-right"></span>
<span class="pull-right image-paging-right"></span>
</a>
<h4 class="modal-title image-title">{{ result.title|striptags }}</h4>
</div>

Loading…
Cancel
Save