Adds 'back to the items list' button on the item navigation section.

This commit is contained in:
mateuswetah 2020-07-23 14:58:11 -03:00
parent d7cdecc036
commit c5baa84788
3 changed files with 18 additions and 2 deletions

View File

@ -156,6 +156,7 @@
padding-left: 1rem; padding-left: 1rem;
} }
.pagination { .pagination {
margin: 0 0.1rem;
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
@ -178,6 +179,7 @@
font-weight: 500; font-weight: 500;
color: #338591; color: #338591;
margin-left: 4.16666666667%; margin-left: 4.16666666667%;
margin-right: 4.16666666667%;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
header.tainacan-content { header.tainacan-content {
@ -849,11 +851,12 @@
column-gap: 7rem; column-gap: 7rem;
column-rule: none; column-rule: none;
} }
h3{ h3 {
color: #000; color: #000;
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 700; font-weight: 700;
padding-right: 1rem; padding-right: 1rem;
margin-bottom: 0.25rem;
width: 100%; width: 100%;
&:first-of-type:last-of-type { &:first-of-type:last-of-type {
display: inline-block; display: inline-block;
@ -915,9 +918,17 @@
} }
} }
#item-single-navigation { #item-single-navigation {
flex-wrap: wrap;
.pagination { .pagination {
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
margin-bottom: 0.25rem;
&:not(:last-child):not(:first-child) {
margin-right: 0.1rem;
margin-left: 0.1rem;
}
} }
a { a {
position: relative; position: relative;

File diff suppressed because one or more lines are too long

View File

@ -37,6 +37,11 @@
<div class="pagination"> <div class="pagination">
<?php echo $previous; ?> <?php echo $previous; ?>
</div> </div>
<div class="pagination">
<a class="d-inline-flex align-items-center" href="<?php echo tainacan_get_source_item_list_url(); ?>">
<i class="tainacan-icon tainacan-icon-viewtable tainacan-icon-1-25em"></i>&nbsp;<span><?php echo __('Back to the items list', 'tainacan') ?></span>
</a>
</div>
<div class="pagination"> <div class="pagination">
<?php echo $next; ?> <?php echo $next; ?>
</div> </div>