PhotoPage: change previous/next icons

This commit is contained in:
Aaron van Geffen 2023-03-11 14:13:29 +01:00
parent 021df2df93
commit 812c7a4f20
2 changed files with 8 additions and 10 deletions

View File

@ -401,17 +401,15 @@ a#previous_photo:hover, a#next_photo:hover {
color: #000;
}
#previous_photo {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
left: 0;
}
#previous_photo:before {
content: '←';
}
#next_photo {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
right: 0;
}
#next_photo:before {
content: '→';
}
#sub_photo h2, #sub_photo h3, #photo_exif_box h3, #user_actions_box h3 {
font: 600 20px/30px "Open Sans", sans-serif;

View File

@ -84,17 +84,17 @@ class PhotoPage extends Template
{
if ($this->previous_photo_url)
echo '
<a href="', $this->previous_photo_url, '" id="previous_photo"><em>Previous photo</em></a>';
<a href="', $this->previous_photo_url, '" id="previous_photo"><i class="bi bi-arrow-left"></i></a>';
else
echo '
<span id="previous_photo"><em>Previous photo</em></span>';
<span id="previous_photo"><i class="bi bi-arrow-left"></i></span>';
if ($this->next_photo_url)
echo '
<a href="', $this->next_photo_url, '" id="next_photo"><em>Next photo</em></a>';
<a href="', $this->next_photo_url, '" id="next_photo"><i class="bi bi-arrow-right"></i></a>';
else
echo '
<span id="next_photo"><em>Next photo</em></span>';
<span id="next_photo"><i class="bi bi-arrow-right"></i></span>';
}
private function photoMeta()