tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Solution of permalink in table list on list collection

This commit is contained in:
Fabiano 2018-07-09 16:41:20 -03:00
parent 508de4afb5
commit 018343b34d
2 changed files with 54 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/assets/scss/_list-post.scss
View File

@ -96,4 +96,54 @@
}
}
}
.tainacan-list-collection--grid {
/* @media only screen and (min-width: 768px){
flex: 0 0 23%;
max-width: 23%;
} */
.tainacan-list-collection--grid-title{
font: {
size: 14px;
weight: 400;
}
}
.tainacan-list-collection--grid-img {
width: 275px;
height: 250px;
}
}
.tainacan-list-collection--card {
&:hover {
background: #e5e5e5 !important;
}
.card-header {
background: #fff;
font: {
size: 14px;
weight: 400;
}
}
.tainacan-list-collection--card-img {
width: 172px;
height: 172px;
}
.card-block {
.card-text {
font: {
size: 11px;
weight: 400;
}
}
}
}
.tainacan-list-collection--grid-link, .tainacan-list-collection--card-link {
&:hover{
text-decoration: none;
background-color: #e5e5e5;
.card-header {
background-color: #e5e5e5;
}
}
}
}

12
src/template-parts/loop-tainacan-collection.php
View File

@ -1,7 +1,7 @@
<?php if(have_posts()): ?>
<div class="mt-5 tainacan-list-post">
<table class="table table-hover">
<table class="table table-hover table-responsive">
<thead>
<tr>
<th scope="col"><?php _e('Miniature'); ?></th>
@ -13,21 +13,17 @@
</thead>
<tbody>
<?php while(have_posts()): the_post(); ?>
<tr class="tainacan-list-collection" data-href="<?php the_permalink(); ?>">
<tr class="tainacan-list-collection" onclick="location.href='<?php the_permalink(); ?>'">
<td class="collection-miniature">
<?php if ( has_post_thumbnail() && get_the_post_thumbnail_url(get_the_ID()) ) : ?>
<a href="<?php the_permalink(); ?>" class="">
<img src="<?php echo get_the_post_thumbnail_url(get_the_ID(), 'collection-list-table') ?>" class="img-fluid rounded-circle" alt="">
</a>
<img src="<?php echo get_the_post_thumbnail_url(get_the_ID(), 'collection-list-table') ?>" class="img-fluid rounded-circle" alt="">
<?php endif; ?>
</td>
<td class="collection-title"><a href="<?php the_permalink(); ?>" class=""><?php the_title(); ?></a></td>
<td class="collection-title"><?php the_title(); ?></td>
<td class="collection-description text-oslo-gray"><?php the_excerpt(); ?></td>
<td class="collection-date text-oslo-gray"><?php tainacan_post_date(); ?></td>
<td class="collection-create-by text-oslo-gray"><?php _e('Created by', 'tainacan-theme'); ?> <?php the_author_posts_link(); ?></td>
</tr>
<?php endwhile; ?>
</tbody>