From 09fd52aaa309e0f53c412eae0aa46757e4c00cfb Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely.polonkai@ericsson.com>
Date: Fri, 28 Oct 2016 09:18:51 +0200
Subject: [PATCH] Add a dynamically appearing menu box for ducks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It’s empty, but dynamic!
---
 app/dashboard.component.css  | 17 +++++++++++++++++
 app/dashboard.component.html |  5 +++++
 2 files changed, 22 insertions(+)

diff --git a/app/dashboard.component.css b/app/dashboard.component.css
index 753508d..fd5bcce 100644
--- a/app/dashboard.component.css
+++ b/app/dashboard.component.css
@@ -9,3 +9,20 @@
 .duck-link .small {
     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;
+}
diff --git a/app/dashboard.component.html b/app/dashboard.component.html
index 8202790..a1e888d 100644
--- a/app/dashboard.component.html
+++ b/app/dashboard.component.html
@@ -6,5 +6,10 @@
         <div class="image pull-left"></div>
         {{ duck.name }}
         <p class="clearfix small">Something.</p>
+        <div class="pull-right duck-menu panel panel-default">
+            <div class="panel-body">
+                Menu!
+            </div>
+        </div>
     </a>
 </div>