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

Css adjustments to collection list (table view mode still had rounded thumbnails.

This commit is contained in:
mateuswetah 2019-03-25 17:55:14 -03:00
parent 34ec6c51c2
commit 9a1ecd77be
4 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/archive-tainacan-collection.php
View File

@ -19,15 +19,15 @@
</div> </div>
<a class="btn btn-white bg-white margin-one-column-left <?php tainacan_active( get_query_var( 'order' ), 'ASC' ); ?>" href="<?php echo add_query_arg( 'order', 'ASC' ); ?>"> <a class="btn btn-white bg-white margin-one-column-left <?php tainacan_active( get_query_var( 'order' ), 'ASC' ); ?>" href="<?php echo add_query_arg( 'order', 'ASC' ); ?>">
<i class="mdi mdi-sort-ascending"></i> <i class="mdi mdi-18px mdi-sort-ascending"></i>
</a> </a>
<a class="btn btn-white bg-white <?php tainacan_active( get_query_var( 'order' ), 'DESC' ); ?>" href="<?php echo add_query_arg( 'order', 'DESC' ); ?>"> <a class="btn btn-white bg-white <?php tainacan_active( get_query_var( 'order' ), 'DESC' ); ?>" href="<?php echo add_query_arg( 'order', 'DESC' ); ?>">
<i class="mdi mdi-sort-descending"></i> <i class="mdi mdi-18px mdi-sort-descending"></i>
</a> </a>
<div class="dropdown margin-one-column-left dropdown-viewMode"> <div class="dropdown margin-one-column-left dropdown-viewMode">
<button class="btn bg-white dropdown-toggle text-black" type="button" id="dropdownMenuViewMode" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn bg-white dropdown-toggle text-black" type="button" id="dropdownMenuViewMode" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="mdi mdi-view-list text-oslo-gray"></i> <i class="mdi mdi-18px mdi-view-list text-oslo-gray"></i>
<span class="d-none d-md-inline"><?php _e( 'View Mode', 'tainacan-interface' ); ?></span> <span class="d-none d-md-inline"><?php _e( 'View Mode', 'tainacan-interface' ); ?></span>
</button> </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuViewMode"> <div class="dropdown-menu" aria-labelledby="dropdownMenuViewMode">
@ -45,7 +45,7 @@
<input class="form-control rounded-0" type="search" name="s" value="<?php echo get_query_var( 's' ); ?>" placeholder="<?php esc_attr_e( 'Search collections', 'tainacan-interface' ); ?>" /> <input class="form-control rounded-0" type="search" name="s" value="<?php echo get_query_var( 's' ); ?>" placeholder="<?php esc_attr_e( 'Search collections', 'tainacan-interface' ); ?>" />
<span class="input-group-append"> <span class="input-group-append">
<button class="btn border border-left-0 rounded-0 bg-white text-midnight-blue" type="submit"> <button class="btn border border-left-0 rounded-0 bg-white text-midnight-blue" type="submit">
<i class="mdi mdi-magnify" style="line-height: inherit;"></i> <i class="mdi mdi-18px mdi-magnify" style="line-height: inherit;"></i>
</button> </button>
</span> </span>
</div> </div>

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

@ -73,6 +73,7 @@
weight: 400; weight: 400;
} }
border-top: none; border-top: none;
border-bottom: 1px solid #cbcbcb;
} }
} }
.tainacan-list-collection{ .tainacan-list-collection{
@ -81,18 +82,19 @@
background-color: #f2f2f2; background-color: #f2f2f2;
} }
th, td{ th, td{
vertical-align: baseline; vertical-align: middle;
} }
td { td {
border-top: none; border-top: none;
padding: 10px;
} }
.collection-checkbox{ .collection-checkbox {
width: 4.16666666667%; width: 4.16666666667%;
text-align: right; text-align: right;
padding-right: 0; padding-right: 0;
} }
.collection-miniature{ .collection-miniature{
width: calc(4.16666666667% * 2); padding-left: 20px;
text-align: center; text-align: center;
img{ img{
width: 40px; width: 40px;
@ -101,7 +103,6 @@
.image-placeholder { .image-placeholder {
height: 40px; height: 40px;
width: 40px; width: 40px;
border-radius: 50%;
} }
} }
.collection-title{ .collection-title{
@ -116,7 +117,8 @@
} }
} }
} }
.collection-description, .collection-date{ .collection-description, .collection-date {
p { margin-bottom: 0; }
font: { font: {
size: 0.75rem; size: 0.75rem;
weight: 400; weight: 400;
@ -166,6 +168,7 @@
weight: 400; weight: 400;
} }
height: 40px; height: 40px;
line-height: 0.5rem;
} }
.tainacan-list-collection--card-img { .tainacan-list-collection--card-img {
width: 170px; width: 170px;
@ -186,7 +189,8 @@
size: 0.6875rem; size: 0.6875rem;
weight: 400; weight: 400;
} }
padding-top: 10px; padding-top: 0.75rem;
padding-right: 0.75rem;
} }
} }
} }
@ -206,6 +210,7 @@
weight: 400; weight: 400;
} }
height: 45px; height: 45px;
line-height: 0.75rem;
} }
.tainacan-list-collection--grid-img { .tainacan-list-collection--grid-img {
width: 275px; width: 275px;

4
src/functions/customizer.php
View File

@ -631,10 +631,6 @@ function tainacan_get_color_scheme_css( $colors ) {
color: {$colors['tainacan_link_color']}; color: {$colors['tainacan_link_color']};
} }
.tainacan-list-post table thead th {
color: {$colors['tainacan_link_color']} !important;
}
/** /**
* Plugin Tainacan * Plugin Tainacan
*/ */

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

@ -13,7 +13,7 @@
<tr class="tainacan-list-collection" onclick="location.href='<?php the_permalink(); ?>'"> <tr class="tainacan-list-collection" onclick="location.href='<?php the_permalink(); ?>'">
<td class="collection-miniature"> <td class="collection-miniature">
<?php if ( has_post_thumbnail() ) : <?php if ( has_post_thumbnail() ) :
the_post_thumbnail('tainacan-small', array('class' => 'img-fluid rounded-circle')); ?> the_post_thumbnail('tainacan-small', array('class' => 'img-fluid')); ?>
<?php else : ?> <?php else : ?>
<div class="image-placeholder"> <div class="image-placeholder">
<h4> <h4>