small blog fixes

This commit is contained in:
Jerry
2020-08-17 15:23:56 +03:00
parent 2bbc54c322
commit ad09c967c2
4 changed files with 8 additions and 11 deletions

View File

@@ -2878,3 +2878,6 @@ footer {
.blog-page .cat-learning .cat-learning {
display: block; }
.blog-page .cat-all .bp-block {
display: block; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -14,14 +14,14 @@
<div class="bp-list-tabs">
<div class="cont">
<ul>
<li><a href="#" data-cat="cat-all" class="category-select all selected">All Categories</a></li>
<li><a href="#" data-cat="cat-all" class="category-select selected">All Categories</a></li>
<li><a href="#" data-cat="cat-publishing" class="category-select">Publishing</a></li>
<li><a href="#" data-cat="cat-teaching" class="category-select">Teaching</a></li>
<li><a href="#" data-cat="cat-learning" class="category-select">Learning</a></li>
</ul>
</div>
</div>
<div class="bp-list cat-publishing cat-teaching cat-learning">
<div class="bp-list cat-all">
<div class="cont">
<?php foreach ($posts as $post): ?>
<a href="<?=get_permalink(); ?>" class="bp-block <?php $categories = get_the_category(); foreach($categories as $category):?><?= $category->slug; ?> <?php endforeach;?>">
@@ -37,18 +37,12 @@
var catClass = '';
if (event.target.classList.contains('category-select')) {
event.preventDefault();
event.stopPropagation();
document.querySelector('.category-select.selected').classList.remove('selected');
event.target.classList.add('selected');
if (event.target.classList.contains('all')) {
document.querySelector('.bp-list').classList.add('cat-publishing');
document.querySelector('.bp-list').classList.add('cat-teaching');
document.querySelector('.bp-list').classList.add('cat-learning');
return false;
}
document.querySelector('.bp-list').classList.remove('cat-publishing');
document.querySelector('.bp-list').classList.remove('cat-teaching');
document.querySelector('.bp-list').classList.remove('cat-learning');
document.querySelector('.bp-list').classList.remove('cat-all');
catClass = event.target.dataset.cat;
document.querySelector('.bp-list').classList.add(catClass);
return false;