fix: solve #4

creativetimofficial · Mar 18, 2021 · ed5e6b8 · ed5e6b8
1 parent 11eebef
commit ed5e6b8
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/src/app/components/dropdowns/notification-dropdown/notification-dropdown.component.html b/src/app/components/dropdowns/notification-dropdown/notification-dropdown.component.html
@@ -6,3 +6,35 @@
 >
   <i class="fas fa-bell"></i>
 </a>
+<div class="min-w-48 z-50" #popoverDropdownRef>
+  <div
+    class="bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg mt-1 min-w-48"
+    [ngClass]="dropdownPopoverShow ? 'block' : 'hidden'"
+  >
+    <a
+      href="#pablo"
+      class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-coolGray-700"
+    >
+      Action
+    </a>
+    <a
+      href="#pablo"
+      class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-coolGray-700"
+    >
+      Another action
+    </a>
+    <a
+      href="#pablo"
+      class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-coolGray-700"
+    >
+      Something else here
+    </a>
+    <div class="h-0 my-2 border border-solid border-coolGray-100"></div>
+    <a
+      href="#pablo"
+      class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-coolGray-700"
+    >
+      Seprated link
+    </a>
+  </div>
+</div>