New bootstrap-based layout #30

Merged
Roflin merged 79 commits from bootstrap into master 2023-03-14 19:11:25 +01:00
2 changed files with 15 additions and 33 deletions
Showing only changes of commit a9a2c64d81 - Show all commits

View File

@ -421,14 +421,6 @@ a#previous_photo:hover, a#next_photo:hover {
font-size: 16px;
}
#sub_photo {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
float: left;
padding: 2%;
margin: 25px 3.5% 25px 0;
width: 68.5%;
}
#sub_photo #tag_list {
list-style: none;
margin: 1em 0;
@ -446,15 +438,6 @@ a#previous_photo:hover, a#next_photo:hover {
}
#photo_exif_box {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
margin: 25px 0 25px 0;
overflow: auto;
padding: 2%;
float: right;
width: 20%;
}
#photo_exif_box dt {
font-weight: bold;
float: left;
@ -469,15 +452,6 @@ a#previous_photo:hover, a#next_photo:hover {
margin: 0;
}
#user_actions_box {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
float: left;
margin: 25px 0 25px 0;
overflow: auto;
padding: 2%;
width: 20%;
}
/* Responsive: smartphone in portrait
---------------------------------------*/

View File

@ -40,14 +40,18 @@ class PhotoPage extends Template
$this->photo();
echo '
<div id="sub_photo">
<div class="row mt-5">
<div class="col-8">
<div id="sub_photo" class="content-box">
<h2 class="entry-title">', $this->photo->getTitle(), '</h2>';
$this->taggedPeople();
$this->linkNewTags();
echo '
</div>';
</div>
</div>
<div class="col-4">';
$this->photoMeta();
@ -55,6 +59,8 @@ class PhotoPage extends Template
$this->addUserActions();
echo '
</div>
</div>
<script type="text/javascript" src="', BASEURL, '/js/photonav.js"></script>';
}
@ -94,7 +100,7 @@ class PhotoPage extends Template
private function photoMeta()
{
echo '
<div id="photo_exif_box">
<div id="photo_exif_box" class="content-box clearfix">
<h3>EXIF</h3>
<dl class="photo_meta">';
@ -171,7 +177,9 @@ class PhotoPage extends Template
echo '
<div>
<h3>Link tags</h3>
<p style="position: relative"><input type="text" id="new_tag" placeholder="Type to link a new tag"></p>
<p style="position: relative">
<input class="form-control w-auto" type="text" id="new_tag" placeholder="Type to link a new tag">
</p>
</div>
<script type="text/javascript" src="', BASEURL, '/js/ajax.js"></script>
<script type="text/javascript" src="', BASEURL, '/js/autosuggest.js"></script>
@ -240,7 +248,7 @@ class PhotoPage extends Template
public function addUserActions()
{
echo '
<div id=user_actions_box>
<div id="user_actions_box" class="content-box">
<h3>Actions</h3>
<a class="btn btn-danger" href="', BASEURL, '/', $this->photo->getSlug(), '?confirm_delete">Delete</a>
</div>';