fix: Reposition keyboard navigation tooltip and its arrow to the left. Fixes #753

This commit is contained in:
Will Miao
2026-01-04 19:26:13 +08:00
parent 09c1bd78cd
commit 255ca4fc93

View File

@@ -41,7 +41,7 @@
padding: 8px; padding: 8px;
position: absolute; position: absolute;
z-index: 9999; /* Ensure tooltip appears above cards */ 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 */ top: 50%; /* Vertically center */
transform: translateY(-15%); /* Vertically center */ transform: translateY(-15%); /* Vertically center */
opacity: 0; opacity: 0;
@@ -56,11 +56,11 @@
content: ""; content: "";
position: absolute; position: absolute;
top: 50%; /* Vertically center arrow */ top: 50%; /* Vertically center arrow */
right: 100%; /* Arrow on the left side */ left: 100%; /* Arrow on the right side */
margin-top: -5px; margin-top: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; 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 { .tooltip:hover .tooltiptext {