v20.1.55 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.1.55 (2022-05-12)
+
+### Common
+
+#### Bug Fixes
+
+- `SF-376600` - The issue with "`IsDevice` value return as false only for Safari browser in iPad" has been resolved.
+
 ## 20.1.50 (2022-04-19)
 
 ### Common

controls/base/src/browser.ts

@@ -147,15 +147,15 @@ export class Browser {
 
     private static getValue(key: string, regX: RegExp): Object {
         const browserDetails: {} = window.browserDetails;
-        if ('undefined' === typeof (<{ [key: string]: Object }>browserDetails)[key]) {
-            return (<{ [key: string]: Object }>browserDetails)[key] = regX.test(Browser.userAgent);
-        }
         if (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 && Browser.isTouch === true) {
             browserDetails['isIos'] = true;
             browserDetails['isDevice'] = true;
             browserDetails['isTouch'] = true;
             browserDetails['isPointer'] = true;
         }
+        if ('undefined' === typeof (<{ [key: string]: Object }>browserDetails)[key]) {
+            return (<{ [key: string]: Object }>browserDetails)[key] = regX.test(Browser.userAgent);
+        }
         return (<{ [key: string]: Object }>browserDetails)[key];
     }
 

controls/base/themestudio/styles/navigations/breadcrumb/_layout.scss

@@ -341,7 +341,7 @@
       .e-breadcrumb-icon {
         display: flex;
         flex-grow: 1;
-        justify-content: end;
+        justify-content: flex-end;
      }
    }
 

controls/base/themestudio/styles/navigations/carousel/_layout.scss

@@ -15,7 +15,7 @@
       position: relative;
       width: 100%;
 
-      .e-carousel-item {
+      &:not(.e-carousel-custom-animation) .e-carousel-item {
         backface-visibility: hidden;
         display: none;
         float: left;
@@ -64,6 +64,24 @@
           }
         }
       }
+
+      &.e-carousel-custom-animation {
+        .e-carousel-item {
+          display: block;
+          height: 100%;
+          left: 0;
+          opacity: 0;
+          pointer-events: none;
+          position: absolute;
+          top: 0;
+          width: 100%;
+
+          &.e-active {
+            opacity: 1;
+            pointer-events: visible;
+          }
+        }
+      }
     }
 
     .e-carousel-navigators {

controls/base/themestudio/styles/notifications/toast/_bootstrap-dark-definition.scss

@@ -105,12 +105,4 @@ $toast-danger-hover-bg-color: $brand-danger-dark !default;
 $toast-danger-hover-color: $toast-danger-color !default;
 $toast-danger-hover-border-color: $brand-danger !default;
 $toast-danger-hover-box-shadow: 0 6px 12px rgba($base-font, .5) !default;
-
-//icon variabels
-
-$toast-close-icon: '\e96c' !default;
-$toast-success-icon: '\ea84' !default;
-$toast-error-icon: '\e7e9' !default;
-$toast-info-icon: '\e607' !default;
-$toast-warning-icon: '\e92f' !default;
 //enddefault

controls/base/themestudio/styles/notifications/toast/_bootstrap-definition.scss

@@ -104,13 +104,4 @@ $toast-danger-hover-bg-color: #f1cfcf !default;
 $toast-danger-hover-color: $toast-danger-color !default;
 $toast-danger-hover-border-color: #ebccd1 !default;
 $toast-danger-hover-box-shadow: 0 3px 6px 0 !default;
-
-//icon variabels
-
-$toast-close-icon: '\e96c' !default;
-$toast-success-icon: '\ea84' !default;
-$toast-error-icon: '\e7e9' !default;
-$toast-info-icon: '\e607' !default;
-$toast-warning-icon: '\e92f' !default;
-
 $toast-title-font-weight: bold !default;

controls/base/themestudio/styles/notifications/toast/_bootstrap4-definition.scss

@@ -105,12 +105,4 @@ $toast-danger-hover-color: $toast-danger-color !default;
 $toast-danger-hover-border-color: #f1b0b7 !default;
 $toast-danger-hover-box-shadow: 0 4px 12px !default;
 
-//icon variabels
-
-$toast-close-icon: '\e745' !default;
-$toast-success-icon: '\e7d9' !default;
-$toast-error-icon: '\e761' !default;
-$toast-info-icon: '\e729' !default;
-$toast-warning-icon: '\e92f' !default;
-
 $toast-title-font-weight: bold !default;

controls/base/themestudio/styles/notifications/toast/_bootstrap5-definition.scss

@@ -95,12 +95,6 @@ $toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger-bg-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
 // Toast Type Definitions End
-//icon Variable
-$toast-close-icon: '\e7e7' !default;
-$toast-success-icon: '\e727' !default;
-$toast-error-icon: '\e878' !default;
-$toast-info-icon: '\e800' !default;
-$toast-warning-icon: '\e88b' !default;
 //Theme Variables End
 
 

controls/base/themestudio/styles/notifications/toast/_fabric-dark-definition.scss

@@ -89,12 +89,4 @@ $toast-danger-content-color: $message-font !default;
 $toast-danger-hover-bg-color: #c42818 !default;
 $toast-danger-hover-color: $toast-danger-color !default;
 $toast-danger-hover-box-shadow: 0 3px 6px 0 rgba($neutral-black, .26) !default;
-
-//icon variabels
-
-$toast-close-icon: '\e7a7' !default;
-$toast-success-icon: '\ea84' !default;
-$toast-error-icon: '\e7e9' !default;
-$toast-info-icon: '\e607' !default;
-$toast-warning-icon: '\e92f' !default;
 //enddefault

controls/base/themestudio/styles/notifications/toast/_fabric-definition.scss

@@ -93,12 +93,4 @@ $toast-danger-hover-bg-color: #f6cfd3 !default;
 $toast-danger-hover-color: $toast-danger-color !default;
 $toast-danger-hover-box-shadow: 0 3px 6px 0 rgba($neutral-black, .26) !default;
 
-//icon variabels
-
-$toast-close-icon: '\e7a7' !default;
-$toast-success-icon: '\ea84' !default;
-$toast-error-icon: '\e7e9' !default;
-$toast-info-icon: '\e607' !default;
-$toast-warning-icon: '\e92f' !default;
-
 $toast-title-font-weight: bold !default;