[fix] change modal glyphicon arrows to image icons

This commit is contained in:
Noémi Ványi 2016-12-30 14:29:32 +01:00 committed by Noémi Ványi
parent eaa0fb8102
commit d18d09a98b
4 changed files with 24 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -32,13 +32,29 @@
} }
.image-paging-left { .image-paging-left {
font-size: 2.2rem; margin-right: 1.0rem;
padding-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 { .image-paging-right {
font-size: 2.2rem; margin-left: 1.2rem;
padding-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 { .image-container::before {

View file

@ -13,10 +13,10 @@
<div class="row"> <div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 modal-header"> <div class="col-md-12 col-sm-12 col-xs-12 modal-header">
<a {% if index != 1 %}href="#open-modal-{{ index-1 }}-{{ pageno }}"{% endif %}> <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>
<a href="#open-modal-{{ index+1 }}-{{ pageno }}"> <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> </a>
<h4 class="modal-title image-title">{{ result.title|striptags }}</h4> <h4 class="modal-title image-title">{{ result.title|striptags }}</h4>
</div> </div>