@bytebrand/fe-ui-core 4.8.41 → 4.8.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.8.41",
3
+ "version": "4.8.43",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
@@ -36,7 +36,7 @@ class AccordionWidget extends React.Component<IAccardionSectionProps> {
36
36
  key={i}
37
37
  description={prop.description}
38
38
  classNameIcon={styles.propertyIcon}
39
- icon={prop.icon || 'no-image'}
39
+ icon={prop.icon === '' ? '' : (prop.icon || 'no-image')}
40
40
  className={styles.accordionVehicleProp}
41
41
  />
42
42
  );
@@ -101,9 +101,13 @@ class AccordionWidget extends React.Component<IAccardionSectionProps> {
101
101
  const autoDeId = car.metaData && car.metaData.vehicleId;
102
102
  const { consumption } = car;
103
103
  const mainPropertiesList = getOverviewDetails(consumption.fuel);
104
- const mainProperties = mainPropertiesList.map((prop: string) => (
105
- { icon: this.props.decoratedProps[prop].icon, description: this.props.decoratedProps[prop].value })
106
- );
104
+ const mainProperties = mainPropertiesList.map((prop: string) => {
105
+ const isConsumptionAlternateView = prop.startsWith('consumption') && prop.endsWith('AlternateView');
106
+ return {
107
+ icon: isConsumptionAlternateView ? '' : this.props.decoratedProps[prop].icon,
108
+ description: this.props.decoratedProps[prop].value
109
+ };
110
+ });
107
111
  return (
108
112
  <div>
109
113
  {this.renderPropsBlock(mainProperties)}
@@ -70,6 +70,11 @@
70
70
  +media-tablet-landscape-up()
71
71
  font-size: 9px;
72
72
 
73
+ &.priceItemCategoryLanding,
74
+ &.priceItemCategoryMain
75
+ +media-tablet-landscape-up()
76
+ font-size: 10px;
77
+
73
78
  & > span:hover
74
79
  background: rgba(196, 196, 196, 0.6);
75
80
 
@@ -88,7 +88,9 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
88
88
  const priceItemCategoryClassName = classnames(
89
89
  styles.priceItemCategory,
90
90
  { [styles.priceItemCategorySearch]: vehicleComponentName === 'search' || vehicleComponentName === 'myVehicles' },
91
- { [styles.priceItemCategoryComparable]: vehicleComponentName === 'comparable' || vehicleComponentName === 'landing' || vehicleComponentName === 'main' }
91
+ { [styles.priceItemCategoryComparable]: vehicleComponentName === 'comparable' },
92
+ { [styles.priceItemCategoryLanding]: vehicleComponentName === 'landing' },
93
+ { [styles.priceItemCategoryMain]: vehicleComponentName === 'main' }
92
94
  );
93
95
 
94
96
  return (
@@ -62,8 +62,9 @@
62
62
  font-size: 12px;
63
63
  height: 42px;
64
64
 
65
- &.vehiclePriceTitleLanding
66
- font-size: 11px;
65
+ &.vehiclePriceTitleLanding,
66
+ &.vehiclePriceTitleMain
67
+ font-size: 10px;
67
68
  height: 38px;
68
69
 
69
70
  .addOfferButton