@bytebrand/fe-ui-core 4.8.42 → 4.8.44

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.42",
3
+ "version": "4.8.44",
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)}
@@ -27,7 +27,10 @@
27
27
  margin-right: 10px
28
28
 
29
29
  .noIcon
30
- padding-left: 10px
30
+ padding-left: 33px
31
+
32
+ +media-tablet-landscape-up()
33
+ padding-left: 38px
31
34
 
32
35
  [class*='smallText']
33
36
  font-size:10px;