Css adjustments to collection list (table view mode still had rounded thumbnails.
This commit is contained in:
parent
34ec6c51c2
commit
9a1ecd77be
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -630,10 +630,6 @@ function tainacan_get_color_scheme_css( $colors ) {
|
|||
.tainacan-collection-list--simple-search .dropdown #dropdownMenuViewMode::after {
|
||||
color: {$colors['tainacan_link_color']};
|
||||
}
|
||||
|
||||
.tainacan-list-post table thead th {
|
||||
color: {$colors['tainacan_link_color']} !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Plugin Tainacan
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue