Catalog updates

This commit is contained in:
Bill 2021-09-24 04:48:59 -04:00
parent 867b2652ae
commit 1c879db9d9
22 changed files with 17 additions and 113 deletions

View File

@ -1,5 +1,4 @@
@import './catalog-icon/CatalogIconView'; @import './catalog-icon/CatalogIconView';
@import './gift/CatalogGiftView';
@import './navigation/CatalogNavigationView'; @import './navigation/CatalogNavigationView';
@import './page/CatalogPageView'; @import './page/CatalogPageView';
@import './search/CatalogSearchView';
@import './gift/CatalogGiftView';

View File

@ -1,4 +1,5 @@
.nitro-catalog-gift { .nitro-catalog-gift {
width: 325px;
.gift-preview { .gift-preview {
width: 80px; width: 80px;

View File

@ -18,14 +18,4 @@
padding: 1px; padding: 1px;
} }
} }
// border-color: $grid-border-color !important;
// background-color: $grid-bg-color !important;
// .navigation-container {
// overflow-y: auto;
// }
} }
@import './item/CatalogNavigationItemView';
@import './set/CatalogNavigationSetView';

View File

@ -1,18 +0,0 @@
.catalog-navigation-item-container {
.catalog-navigation-item {
font-size: $font-size-sm;
border-radius: $border-radius;
i.fas {
color: $black;
font-size: 10px;
padding: 1px;
}
&.active {
padding: 1px 2px;
background-color: $grid-active-bg-color;
}
}
}

View File

@ -1,14 +0,0 @@
.catalog-navigation-set-container {
.catalog-navigation-set-container {
padding-left: 5px;
.catalog-navigation-item-container {
padding-right: 0px !important;
}
}
> :last-child {
padding-bottom: 0px !important;
}
}

View File

@ -11,9 +11,9 @@ export const CatalogPageDetailsView: FC<CatalogPageDetailsViewProps> = props =>
const imageUrl = GetCatalogPageImage(pageParser, 1); const imageUrl = GetCatalogPageImage(pageParser, 1);
return ( return (
<div className="d-flex flex-column justify-content-center align-items-center gap-2 w-100 h-100"> <div className="d-flex flex-column justify-content-center align-items-center overflow-hidden h-100">
{ imageUrl && <img alt="" src={ imageUrl } /> } { imageUrl && <img className="" alt="" src={ imageUrl } /> }
<div className="d-flex flex-column fs-6 text-center text-black lh-sm" dangerouslySetInnerHTML={ { __html: GetCatalogPageText(pageParser, 0) } } /> <div className="d-flex flex-column fs-6 text-center text-black lh-sm overflow-auto" dangerouslySetInnerHTML={ { __html: GetCatalogPageText(pageParser, 0) } } />
</div> </div>
); );
} }

View File

@ -1,5 +1,2 @@
@import './layout/CatalogLayout'; @import './layout/CatalogLayout';
@import './offer/CatalogPageOfferView';
@import './offers/CatalogPageOffersView';
@import './purchase/CatalogPurchaseView'; @import './purchase/CatalogPurchaseView';
@import './search-result/CatalogLayoutSearchResultView';

View File

@ -1,5 +1,3 @@
@import './default/CatalogLayoutDefaultView';
@import './frontpage4/CatalogLayoutFrontpage4View'; @import './frontpage4/CatalogLayoutFrontpage4View';
@import './pets/CatalogLayoutPetView';
@import './vip-buy/CatalogLayoutVipBuyView';
@import './info-loyalty/CatalogLayoutInfoLoyaltyView.scss'; @import './info-loyalty/CatalogLayoutInfoLoyaltyView.scss';
@import './vip-buy/CatalogLayoutVipBuyView';

View File

@ -17,7 +17,7 @@ export const CatalogLayoutDefaultView: FC<CatalogLayoutDefaultViewProps> = props
<div className="d-flex flex-column col-7 h-100"> <div className="d-flex flex-column col-7 h-100">
<CatalogPageOffersView offers={ pageParser.offers } /> <CatalogPageOffersView offers={ pageParser.offers } />
</div> </div>
<div className="position-relative d-flex flex-column col-5"> <div className="position-relative d-flex flex-column col-5 gap-2 h-100 overflow-hidden">
<CatalogProductPreviewView pageParser={ pageParser } activeOffer={ activeOffer } roomPreviewer={ roomPreviewer } /> <CatalogProductPreviewView pageParser={ pageParser } activeOffer={ activeOffer } roomPreviewer={ roomPreviewer } />
</div> </div>
</div> </div>

View File

@ -1,10 +0,0 @@
.nitro-catalog-layout-pets {
.color-button {
position: absolute;
left: 5px;
bottom: 5px;
}
@import './name-approval/CatalogPetNameApprovalView';
}

View File

@ -1,33 +0,0 @@
.catalog-offer-item-container {
height: 48px;
max-height: 48px;
.catalog-offer-item {
width: 100%;
height: 100%;
border-color: $grid-border-color !important;
background-color: $grid-bg-color;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
&.active {
border-color: $grid-active-border-color !important;
background-color: $grid-active-bg-color;
}
.badge {
top: 2px;
right: 2px;
font-size: 8px;
}
.avatar-image {
width: 100% !important;
height: 100% !important;
background-position: center;
background-repeat: no-repeat;
background-position-y: -32px !important;
}
}
}

View File

@ -1,3 +0,0 @@
.catalog-offers-container {
overflow-y: auto;
}

View File

@ -16,12 +16,16 @@ export const CatalogProductPreviewView: FC<CatalogProductPreviewViewProps> = pro
return ( return (
<> <>
<CatalogRoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } /> <div className="position-relative d-flex flex-column overflow-auto h-100">
{ product.uniqueLimitedItem && <CatalogRoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
<LimitedEditionCompletePlateView uniqueLimitedItemsLeft={ product.uniqueLimitedItemsLeft } uniqueLimitedSeriesSize={ product.uniqueLimitedSeriesSize } /> } { product.uniqueLimitedItem &&
<div className="fs-6 text-black mt-1 overflow-hidden">{ GetOfferName(activeOffer) }</div> <LimitedEditionCompletePlateView uniqueLimitedItemsLeft={ product.uniqueLimitedItemsLeft } uniqueLimitedSeriesSize={ product.uniqueLimitedSeriesSize } /> }
{ children } </div>
<CatalogPurchaseView offer={ activeOffer } pageId={ pageParser.pageId } extra={ extra } disabled={ disabled } /> <div className="d-flex flex-column gap-2">
<div className="flex-grow-1 text-black text-truncate">{ GetOfferName(activeOffer) }</div>
{ children }
<CatalogPurchaseView offer={ activeOffer } pageId={ pageParser.pageId } extra={ extra } disabled={ disabled } />
</div>
</> </>
); );
} }

View File

@ -4,5 +4,3 @@
width: 29px; width: 29px;
padding: 3px 5px; padding: 3px 5px;
} }
@import './purchase-button/CatalogPurchaseButtonView';

View File

@ -1,2 +0,0 @@
@import './offer/CatalogSearchResultOfferView';
@import './offers/CatalogSearchResultOffersView';

View File

@ -1,3 +0,0 @@
.catalog-offers-container {
overflow-y: auto;
}