v20.3.61 is released

Author: pipeline

controls/base/src/draggable.ts

@@ -997,7 +997,8 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         let intCoord: Coordinates = this.getCoordinates(evt);
         let ele: HTMLElement;
         let prevStyle: string = this.helperElement.style.pointerEvents || '';
-        if (compareElementParent(evt.target as Element, this.helperElement) || evt.type.indexOf('touch') !== -1) {
+        let isPointer: boolean = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version) > 12 ;
+        if (compareElementParent(evt.target as Element, this.helperElement) || evt.type.indexOf('touch') !== -1 || isPointer) {
             this.helperElement.style.pointerEvents = 'none';
             ele = <HTMLElement>document.elementFromPoint(intCoord.clientX, intCoord.clientY);
             this.helperElement.style.pointerEvents = prevStyle;

controls/base/styles/definition/_material.scss

@@ -145,3 +145,6 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
 //shadow
 $appbar-bottom-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .16) !default;
 $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !default;
+
+//TreeView
+$tree-node-text-color:#cc1351 !default;

controls/base/themestudio/styles/base/definition/_material.scss

@@ -145,3 +145,6 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
 //shadow
 $appbar-bottom-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .16) !default;
 $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !default;
+
+//TreeView
+$tree-node-text-color:#cc1351 !default;

controls/base/themestudio/styles/buttons/check-box/_fluent-definition.scss

@@ -1,21 +1,21 @@
 //layout variables
 $cbox-bigger-check-fontsize: 18px !default;
-$cbox-bigger-font-size: 18px !default;
+$cbox-bigger-font-size: 16px !default;
 $cbox-bigger-height: 24px !default;
 $cbox-bigger-indeterminate-fontsize: 20px !default;
 $cbox-bigger-indeterminate-lineheight: 23px !default;
 $cbox-bigger-lineheight: 22px !default;
 $cbox-bigger-margin: 12px !default;
 $cbox-bigger-small-check-fontsize: 16px !default;
-$cbox-bigger-small-font-size: 16px !default;
+$cbox-bigger-small-font-size: 14px !default;
 $cbox-bigger-small-height: 22px !default;
 $cbox-bigger-small-indeterminate-fontsize: 16px !default;
 $cbox-bigger-small-indeterminate-lineheight: 21px !default;
 $cbox-bigger-small-lineheight: 21px !default;
 $cbox-bigger-small-width: 22px !default;
 $cbox-bigger-width: 24px !default;
 $cbox-border: 1px solid !default;
-$cbox-font-size: 16px !default;
+$cbox-font-size: 14px !default;
 $cbox-height: 20px !default;
 $cbox-border-radius: $inputs-radius !default;
 $cbox-check-fontsize: 16px !default;

controls/base/themestudio/styles/buttons/check-box/_theme.scss

@@ -102,7 +102,7 @@
 
             &:not(.e-check):not(.e-stop) {
               color: $cbox-icon-color;
-              @media (hover: none) {
+              @media (max-width: 768px) {
                 color: $cbox-bgcolor;
               }
             }

controls/base/themestudio/styles/buttons/speed-dial/_layout.scss

@@ -1,7 +1,7 @@
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
 
     &.e-speeddial-top {
       top: $sd-offset;

controls/base/themestudio/styles/dropdowns/multi-select/_layout.scss

@@ -2000,3 +2000,7 @@ ejs-multiselect {
 .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
   display: none;
 }
+
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}

controls/base/themestudio/styles/filemanager/file-manager/_layout.scss

@@ -1812,6 +1812,15 @@
     }
   }
 
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
+  
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;

controls/base/themestudio/styles/gantt/gantt/_layout.scss

@@ -622,12 +622,12 @@
       }
 
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
 
       .e-chart-row {
@@ -907,6 +907,7 @@
 
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
 
       .e-left-resize-gripper,

controls/base/themestudio/styles/grids/grid/_bootstrap-dark-definition.scss

@@ -559,7 +559,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;