@bytebrand/fe-ui-core 4.2.78 → 4.2.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.78",
+  "version": "4.2.80",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/OfferDetailedSection/partials/PanelConfig.styl

@@ -19,10 +19,6 @@
       width: 1px;
       height: 100%
       background-color $grey-5f;
- 
-  [class^='OfferCheckboxGroup__labelContent']
-    @media (min-width: 990px) and (max-width: 1073px)
-      max-width: 230px   
 
 .wrapConfigDetails
   box-sizing: border-box

package/source/components/OfferPanel/OfferCheckboxGroup/OfferCheckboxGroup.styl

@@ -73,6 +73,9 @@
 .labelContent
   flex: 1 1 auto
   color: $grey-3;
+  @media (min-width: 990px) and (max-width: 1112px)
+    max-width: 230px
+    padding-right: 10px !important;
     
 .icon
   display: block
@@ -117,4 +120,4 @@
   font-size: 12px;
 
 .hidePlus
-  display: inline-block
+  display: inline-block

package/source/components/OfferPanel/OfferPanel.styl

@@ -167,13 +167,14 @@
   [class*='MuiFormControlLabel-root']
     height: 20px
     min-height: 0
-    margin-left:0
   .labelText
     font-size: 12px;
     font-weight: normal;
 
   [class*='labelContent']
     font-size: 12px
+    +media-phone-up()
+      padding-right: 62px;
 
 
 .checkBoxGroup
@@ -189,6 +190,3 @@
     margin: 0
     justify-content: space-between
     width: 100%
-
-[class*='MuiIconButton-root']
-  padding:5px!important

package/source/components/_common/VehicleSlider/VehicleSliderForSRL.tsx

@@ -33,6 +33,7 @@ const VehicleSliderForSRL: React.FC<IVehicleSliderForSRLProps> = ({
 }: IVehicleSliderForSRLProps) => {
   const [noImagesLoaded, setNoImagesLoaded] = React.useState<boolean>(false);
   const [activeSlide, setActiveSlide] = React.useState<number>(0);
+  const [entered, setEntered] = React.useState(false);
 
   const beforeChange = () => {
 
@@ -50,6 +51,13 @@ const VehicleSliderForSRL: React.FC<IVehicleSliderForSRLProps> = ({
     });
   };
 
+  const handleMouseEnter = () => {
+    if (!entered) {
+      setEntered(true);
+      beforeChange();
+    }
+  };
+
   const onHandleSlideChange = (index: number): void => {
     setActiveSlide(index);
     onSlideChange(index);
@@ -136,8 +144,8 @@ const VehicleSliderForSRL: React.FC<IVehicleSliderForSRLProps> = ({
     };
 
     return (
-      <div className={styles.wrapper} onMouseEnter={beforeChange}>
-        <Slider {...settings}>{renderSliderImages()}</Slider>
+      <div className={styles.wrapper} onMouseEnter={handleMouseEnter}>
+        <Slider {...settings} >{renderSliderImages()}</Slider>
       </div>
     );
   };