c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 08:31:59 +00:00
Code Releases Activity

Fix(web): navbar color overlap and scroll bar incorrect z index (#1018)

Browse source 
* fix(web): Navbar color overlaps tall images

* fix(web): Scroll bar date behind navbar when scrubbing (fixes issue #757)
This commit is contained in:
denck007 2022-11-25 20:52:01 -06:00 committed by GitHub
parent 1e9d67ec39
commit efa7b3ba54
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/asset-viewer/asset-viewer-nav-bar.svelte
View file

@ -46,7 +46,7 @@
</script> </script>
<div <div
class="h-16 bg-black/5 flex justify-between place-items-center px-3 transition-transform duration-200 z-[9999]" class="h-16 flex justify-between place-items-center px-3 transition-transform duration-200 z-[9999]"
> >
<div> <div>
<CircleIconButton logo={ArrowLeft} on:click={() => dispatch('goBack')} /> <CircleIconButton logo={ArrowLeft} on:click={() => dispatch('goBack')} />

4
web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
View file

@ -94,7 +94,7 @@
<div <div
id="immich-scrubbable-scrollbar" id="immich-scrubbable-scrollbar"
class="fixed right-0 bg-immich-bg z-[50] hover:cursor-row-resize select-none " class="fixed right-0 bg-immich-bg z-[100] hover:cursor-row-resize select-none "
style:width={isDragging ? '100vw' : '60px'} style:width={isDragging ? '100vw' : '60px'}
style:background-color={isDragging ? 'transparent' : 'transparent'} style:background-color={isDragging ? 'transparent' : 'transparent'}
on:mouseenter={() => (isHover = true)} on:mouseenter={() => (isHover = true)}
@ -109,7 +109,7 @@
> >
{#if isHover} {#if isHover}
<div <div
class="border-b-2 border-immich-primary dark:border-immich-dark-primary w-[100px] right-0 pr-6 py-1 text-sm pl-1 font-medium absolute bg-immich-bg dark:bg-immich-dark-gray z-50 pointer-events-none rounded-tl-md shadow-lg dark:text-immich-dark-fg" class="border-b-2 border-immich-primary dark:border-immich-dark-primary w-[100px] right-0 pr-6 py-1 text-sm pl-1 font-medium absolute bg-immich-bg dark:bg-immich-dark-gray z-[100] pointer-events-none rounded-tl-md shadow-lg dark:text-immich-dark-fg"
style:top={currentMouseYLocation + 'px'} style:top={currentMouseYLocation + 'px'}
> >
{hoveredDate?.toLocaleString('default', { month: 'short' })} {hoveredDate?.toLocaleString('default', { month: 'short' })}