Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-07-09 03:04:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): the selected tab on the sidebar was not always shown as selected (#9084)

Browse Source 
fix(web): the selected tab on the sidebar was not always shown as selected. Used regex to get necessary portion for comparison
This commit is contained in:
Conner Hnatiuk 2024-04-25 13:42:09 -06:00 committed by GitHub
parent 912d0c4d74
commit 40899f6137
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
View File

@ -14,7 +14,7 @@
let showMoreInformation = false; let showMoreInformation = false;
$: routePath = resolveRoute(routeId, {}); $: routePath = resolveRoute(routeId, {});
$: isSelected = $page.route.id === routeId; $: isSelected = ($page.route.id?.match(/^\/(admin|\(user\))\/[^/]*/) || [])[0] === routeId;
</script> </script>
<a <a
@ -24,7 +24,7 @@
aria-current={isSelected ? 'page' : undefined} aria-current={isSelected ? 'page' : undefined}
class="flex w-full place-items-center justify-between gap-4 rounded-r-full py-3 transition-[padding] delay-100 duration-100 hover:cursor-pointer hover:bg-immich-gray hover:text-immich-primary dark:text-immich-dark-fg dark:hover:bg-immich-dark-gray dark:hover:text-immich-dark-primary class="flex w-full place-items-center justify-between gap-4 rounded-r-full py-3 transition-[padding] delay-100 duration-100 hover:cursor-pointer hover:bg-immich-gray hover:text-immich-primary dark:text-immich-dark-fg dark:hover:bg-immich-dark-gray dark:hover:text-immich-dark-primary
{isSelected {isSelected
? 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/25 dark:bg-immich-dark-primary/10 dark:text-immich-dark-primary' ? 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/10 dark:bg-immich-dark-primary/10 dark:text-immich-dark-primary'
: ''} : ''}
pl-5 group-hover:sm:px-5 md:px-5 pl-5 group-hover:sm:px-5 md:px-5
" "