Factor out popup menu component.

Factor out the popup menu inside user tooltips into a reusable component.
2021-01-19 20:22:41 -06:00
parent 90567bfc61
commit ccae422961
9 changed files with 87 additions and 58 deletions
--- a/app/components/popup_menu_component/popup_menu_component.scss
+++ b/app/components/popup_menu_component/popup_menu_component.scss
@@ -0,0 +1,23 @@
+div.popup-menu {
+  a.popup-menu-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    color: var(--muted-text-color);
+
+    &:hover {
+      background-color: var(--subnav-menu-background-color);
+    }
+  }
+
+  ul.popup-menu-content {
+    display: none;
+
+    .icon {
+      width: 1.5em;
+    }
+  }
+}