Add a dynamically appearing menu box for ducks
It’s empty, but dynamic!
This commit is contained in:
parent
e7c883ae98
commit
09fd52aaa3
@ -9,3 +9,20 @@
|
|||||||
.duck-link .small {
|
.duck-link .small {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.duck-link .duck-menu {
|
||||||
|
height: 64px;
|
||||||
|
margin: -64px 0 0 0;
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.duck-link:hover .duck-menu {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.duck-menu .panel-body {
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
@ -6,5 +6,10 @@
|
|||||||
<div class="image pull-left"></div>
|
<div class="image pull-left"></div>
|
||||||
{{ duck.name }}
|
{{ duck.name }}
|
||||||
<p class="clearfix small">Something.</p>
|
<p class="clearfix small">Something.</p>
|
||||||
|
<div class="pull-right duck-menu panel panel-default">
|
||||||
|
<div class="panel-body">
|
||||||
|
Menu!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user