feat(dh): address review

geonetwork · Nov 10, 2023 · 56b28e7 · 56b28e7
1 parent d76ae51
commit 56b28e7
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html b/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html
@@ -1,6 +1,12 @@
 <button
-  class="group flex items-center justify-center p-1 bg-white opacity-80 box-shadow-xl shadow-[4.0px_8.0px_8.0px_rgba(0,0,0,0.38)] mix-blend-luminosity text-black rounded hover:opacity-100"
+  type="button"
+  class="relative backdrop-blur group flex items-center justify-center p-1 text-main rounded overflow-hidden shadow-2xl"
 >
-  <mat-icon class="material-symbols-outlined align-middle">{{ icon }}</mat-icon>
-  <span class="mx-2 hidden group-hover:inline">{{ label }}</span>
+  <div
+    class="absolute -z-0 inset-0 bg-white opacity-60 group-hover:opacity-100 transition duration-[20ms]"
+  ></div>
+  <mat-icon class="z-0 material-symbols-outlined align-middle">{{
+    icon
+  }}</mat-icon>
+  <span class="z-0 mx-2 hidden group-hover:inline">{{ label }}</span>
 </button>