From 97141c2fcf27b413ca06d6dc5b93eb5cc41e3305 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Mon, 3 Jan 2022 00:10:55 -0500
Subject: [PATCH] Update layout

---
 src/common/index.scss                |  4 ++++
 src/common/layout/LayoutGridItem.tsx | 13 +++++++++----
 src/common/types/OverflowType.ts     |  2 +-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/common/index.scss b/src/common/index.scss
index 35e018f9..8601b512 100644
--- a/src/common/index.scss
+++ b/src/common/index.scss
@@ -12,4 +12,8 @@
     &.unseen {
         background-color: rgba($success, 0.4);
     }
+
+    .avatar-image {
+        background-position-y: -35px;
+    }
 }
diff --git a/src/common/layout/LayoutGridItem.tsx b/src/common/layout/LayoutGridItem.tsx
index 63b153e2..d2c86661 100644
--- a/src/common/layout/LayoutGridItem.tsx
+++ b/src/common/layout/LayoutGridItem.tsx
@@ -1,5 +1,7 @@
 import { FC, useMemo } from 'react';
 import { ItemCountView } from '../../views/shared/item-count/ItemCountView';
+import { LimitedEditionStyledNumberView } from '../../views/shared/limited-edition/styled-number/LimitedEditionStyledNumberView';
+import { Base } from '../Base';
 import { Column, ColumnProps } from '../Column';
 
 export interface LayoutGridItemProps extends ColumnProps
@@ -51,10 +53,13 @@ export const LayoutGridItem: FC<LayoutGridItemProps> = props =>
         <Column center pointer position={ position } overflow={ overflow } classNames={ getClassNames } style={ getStyle } { ...rest }>
             { (itemCount > itemCountMinimum) &&
                 <ItemCountView count={ itemCount } /> }
-            {/* { (itemUniqueNumber > 0) && 
-                <div className="position-absolute unique-item-counter">
-                    <LimitedEditionStyledNumberView value={ itemUniqueNumber } />
-                </div> } */}
+            { (itemUniqueNumber > 0) && 
+                <>
+                    <Base fit className="unique-bg-override" style={ { backgroundImage: `url(${ itemImage })` } } />
+                    <div className="position-absolute bottom-0 unique-item-counter">
+                        <LimitedEditionStyledNumberView value={ itemUniqueNumber } />
+                    </div>
+                </> }
             { children }
         </Column>
     );
diff --git a/src/common/types/OverflowType.ts b/src/common/types/OverflowType.ts
index 78ca4b5c..a8a793db 100644
--- a/src/common/types/OverflowType.ts
+++ b/src/common/types/OverflowType.ts
@@ -1 +1 @@
-export type OverflowType = 'hidden' | 'auto';
+export type OverflowType = 'hidden' | 'auto' | 'unset';