dylan/gander
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

REFACTOR: Update style of shortcut tooltips

Browse Source
This commit is contained in:
Chris-1010
2025-02-27 21:11:50 +00:00
parent 82e6074d23
commit 9f6a4a2d87
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Navigation/Sidebar.tsx
View File

@@ -48,7 +48,7 @@ const Sidebar: React.FC<SideBarProps> = ({ extraClasses = "" }) => {
const handleSideBar = () => {
setShowSideBar(!showSideBar);
setJustToggled(true);
setTimeout(() => setJustToggled(false), 750);
setTimeout(() => setJustToggled(false), 200);
};
// Keyboard shortcut to toggle sidebar
@@ -102,7 +102,7 @@ const Sidebar: React.FC<SideBarProps> = ({ extraClasses = "" }) => {
<SidebarIcon className="h-[2vw] w-[2vw]" />
{!showSideBar && !justToggled && (
<small className="absolute flex items-center top-0 ml-4 left-0 h-full w-full my-auto group-hover:left-full opacity-0 group-hover:opacity-100 text-white transition-all delay-200">
<small className="absolute flex items-center top-0 ml-2 left-0 h-full my-auto w-fit text-nowrap font-bold my-auto group-hover:left-full opacity-0 group-hover:opacity-100 group-hover:bg-black/30 p-1 rounded-md text-white transition-all">
Press S
</small>
)}