From 57108d420737f42e86fa5bb2245c0807208779b5 Mon Sep 17 00:00:00 2001 From: JordanViknar <74505993+JordanViknar@users.noreply.github.com> Date: Mon, 22 Apr 2024 12:00:43 +0200 Subject: [PATCH] Revert "feat: Add navbar presence animation (#73)" This reverts commit 1e5a46b0c8d8455673acbc7229c3bd5d5f1cc1f6. --- public/css/application.css | 31 +++++++------------------------ 1 file changed, 7 insertions(+), 24 deletions(-) diff --git a/public/css/application.css b/public/css/application.css index 7f1401d..77902e0 100644 --- a/public/css/application.css +++ b/public/css/application.css @@ -82,38 +82,21 @@ ul#product_list li img { padding-right: 5%; } -/* Navbar indication animation */ -nav#navbar { - animation: i_exist 5s ease-in-out 0s infinite; -} -nav#navbar.active { - animation: none; -} -@keyframes i_exist { - from { - transform: translateX(-93%); - } - 15% { - transform: translateX(-87%); - } - 30% { - transform: translateX(-93%); - } - to { - transform: translateX(-93%); - } -} - /* Dynamic navbar */ -nav#navbar { +#navbar { position: fixed; z-index: 9999; + + /* Animation */ + transition: transform 0.2s; + transform: translateX(-92%); + overflow-y: auto; box-shadow: 2px 0px 0.25em 0.1em rgba(0, 0, 0, 0.6); } -nav#navbar.active { +#navbar.active { transform: translateX(0); }