created tag cloud view on hover
This commit is contained in:
parent
de740b0198
commit
ac71f86c11
File diff suppressed because one or more lines are too long
|
@ -31,6 +31,7 @@
|
|||
</content>
|
||||
|
||||
<aside class="bfr_category_tags">
|
||||
<h6 class="button primary hollow">#tags</h6>
|
||||
<div class="bfr_all_tags bfr_toogled_tags">
|
||||
<?php if (is_category('peephole') || is_tag() ) : ?>
|
||||
<?php wp_tag_cloud( 'unit=rem&smallest=1&largest=1&number=0&orderby=name' ); ?>
|
||||
|
|
|
@ -1,5 +1,9 @@
|
|||
.bfr_category_tags {
|
||||
font-family: $header-font-family;
|
||||
position: relative;
|
||||
top:-1rem;
|
||||
text-align: center;
|
||||
z-index: 100;
|
||||
.tag-cloud-link::before {
|
||||
content: '#';
|
||||
// display: inline-block;
|
||||
|
@ -12,28 +16,17 @@
|
|||
background-color:$secondary-color;
|
||||
}
|
||||
}
|
||||
.bfr_toogled_tags{
|
||||
display:none;
|
||||
position:absolute;
|
||||
padding:3rem;
|
||||
border-radius: 2rem;
|
||||
margin-top:-1rem;
|
||||
background-color: rgba(255,255,255,0.95);
|
||||
}
|
||||
.button:hover+.bfr_toogled_tags,.bfr_toogled_tags:hover {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
.bfr_category_tags{
|
||||
width: 6rem;
|
||||
height:2.5rem;
|
||||
overflow: hidden;
|
||||
&::before{
|
||||
display: inline-block;
|
||||
content: '#tags';
|
||||
width: 6rem;
|
||||
height: 2.5rem;
|
||||
border-radius: 2rem;
|
||||
border: 2px solid green;
|
||||
padding: 0.3rem 1rem;
|
||||
}
|
||||
&:hover{
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: unset;
|
||||
border-radius: 2rem;
|
||||
background-color: rgba(250,250,250,0.8);
|
||||
display:inline;
|
||||
position:absolute;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue