Browse Source

fix(web): Fix year label calculation (#5211)

* fix(web): revert, fix year label overlapse

* not too bold

* fix
Alex 1 year ago
parent
commit
d49b353c49

+ 3 - 3
web/src/lib/components/shared-components/scrollbar/scrollbar.svelte

@@ -42,8 +42,8 @@
       segment.timeGroup = bucket.bucketDate;
       segment.date = fromLocalDateTime(segment.timeGroup);
 
-      if (prev?.date.year !== segment.date.year && (!prev || height > MIN_YEAR_LABEL_DISTANCE)) {
-        segment.hasLabel = true;
+      if (prev && prev!.date.year !== segment.date.year && height > MIN_YEAR_LABEL_DISTANCE) {
+        prev.hasLabel = true;
         height = 0;
       }
 
@@ -134,7 +134,7 @@
         {#if segment.hasLabel}
           <div
             aria-label={segment.timeGroup + ' ' + segment.count}
-            class="absolute right-0 bottom-0 z-10 pr-5 text-xs dark:text-immich-dark-fg font-immich-mono font-semibold"
+            class="absolute right-0 bottom-0 z-10 pr-5 text-[12px] dark:text-immich-dark-fg font-immich-mono"
           >
             {segment.date.year}
           </div>