From 255ca4fc93a306bc0ab8834b4f08d91a840565b5 Mon Sep 17 00:00:00 2001 From: Will Miao Date: Sun, 4 Jan 2026 19:26:13 +0800 Subject: [PATCH] fix: Reposition keyboard navigation tooltip and its arrow to the left. Fixes #753 --- static/css/components/keyboard-nav.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/static/css/components/keyboard-nav.css b/static/css/components/keyboard-nav.css index 1fbcc17d..aed3e589 100644 --- a/static/css/components/keyboard-nav.css +++ b/static/css/components/keyboard-nav.css @@ -41,7 +41,7 @@ padding: 8px; position: absolute; z-index: 9999; /* Ensure tooltip appears above cards */ - left: 120%; /* Position tooltip to the right of the icon */ + right: 120%; /* Position tooltip to the left of the icon */ top: 50%; /* Vertically center */ transform: translateY(-15%); /* Vertically center */ opacity: 0; @@ -56,11 +56,11 @@ content: ""; position: absolute; top: 50%; /* Vertically center arrow */ - right: 100%; /* Arrow on the left side */ + left: 100%; /* Arrow on the right side */ margin-top: -5px; border-width: 5px; border-style: solid; - border-color: transparent var(--lora-border) transparent transparent; /* Arrow points left */ + border-color: transparent transparent transparent var(--lora-border); /* Arrow points right */ } .tooltip:hover .tooltiptext {