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; color: #000;
} }
#previous_photo { #previous_photo {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
left: 0; left: 0;
} }
#previous_photo:before {
content: '←';
}
#next_photo { #next_photo {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
right: 0; right: 0;
} }
#next_photo:before {
content: '→';
}
#sub_photo h2, #sub_photo h3, #photo_exif_box h3, #user_actions_box h3 { #sub_photo h2, #sub_photo h3, #photo_exif_box h3, #user_actions_box h3 {
font: 600 20px/30px "Open Sans", sans-serif; font: 600 20px/30px "Open Sans", sans-serif;

View File

@ -84,17 +84,17 @@ class PhotoPage extends Template
{ {
if ($this->previous_photo_url) if ($this->previous_photo_url)
echo ' 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 else
echo ' 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) if ($this->next_photo_url)
echo ' 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 else
echo ' 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() private function photoMeta()