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

View File

@ -19,15 +19,15 @@
</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' ); ?>">
<i class="mdi mdi-sort-ascending"></i>
<i class="mdi mdi-18px mdi-sort-ascending"></i>
</a>
<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>
<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">
<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>
</button>
<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' ); ?>" />
<span class="input-group-append">
<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>
</span>
</div>

View File

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

View File

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

View File

@ -13,7 +13,7 @@
<tr class="tainacan-list-collection" onclick="location.href='<?php the_permalink(); ?>'">
<td class="collection-miniature">
<?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 : ?>
<div class="image-placeholder">
<h4>