Feature(EJ2-64880): Issues fixed.

assets/index.css

@@ -192,7 +192,7 @@ textarea.e-input,
 
 .e-btn.e-icon-btn,
 .e-css.e-btn.e-icon-btn {
-  padding: 6px 5px 4px;
+  padding: 6px 4px 4px;
 }
 
 .e-btn.e-flat,

scripts/dropdowndatasource.js

@@ -255,7 +255,7 @@ var DropDownDataSources = (function () {
             {
                 cssClass: 'tb-item-end tb-zoom-dropdown-btn', template: '<button id="btnZoomIncrement"></button>',align:'Right'
             },
-            { prefixIcon: 'sf-icon-properties' , tooltipText: 'Hide/Show property',template:'<button id="hideProperty"></button>',align:'Right'}
+            { prefixIcon: 'sf-icon-properties' , tooltipText: 'Hide/Show property',template:'<button id="hideProperty" onClick="hideClicked()"></button>',align:'Right'}
         ];
         return items;
     };

scripts/index.js

@@ -1273,7 +1273,7 @@ function enableEditMenuItems(diagram)
                 });
                  btnZoomIncrement.appendTo('#btnZoomIncrement');
                 var hidePropertyBtn = new ej.buttons.Button({
-                    iconCss:'sf-icon-properties',isPrimary: true 
+                    iconCss:'sf-icon-properties',isPrimary: true
                 });
                 hidePropertyBtn.appendTo('#hideProperty');
             }
@@ -1361,11 +1361,15 @@ uploadObj.appendTo('#fileupload');
  toolbarObj.appendTo('#toolbarEditor');
  conTypeBtn.appendTo('#conTypeBtn');
  hidePropertyBtn = new ej.buttons.Button({
-     iconCss:'sf-icon-properties',isPrimary: true 
+    iconCss:'sf-icon-properties',isPrimary: true
  });
  hidePropertyBtn.appendTo('#hideProperty');
 
- document.getElementById('hideProperty').onclick= (args)=>{
+//  document.getElementById('hideProperty').onmouseup= (args)=>{
+//     UtilityMethods.prototype.hideElements('hide-properties',diagram);
+//  }
+ function hideClicked()
+ {
     UtilityMethods.prototype.hideElements('hide-properties',diagram);
  }
 // To flip diagram objects

scripts/utilitymethods.js

@@ -924,11 +924,14 @@ var UtilityMethods = (function () {
         if (diagramContainer.classList.contains(elementType)) {
                 diagramContainer.classList.remove(elementType);
                 document.getElementById('hideProperty').style.backgroundColor = ''
+                document.getElementById('hideProperty').style.color = '#fff'
                 hidePropertyBtn.isPrimary = true;
         }
         else {
             diagramContainer.classList.add(elementType);
             document.getElementById('hideProperty').style.backgroundColor = '#e3e3e3'
+            document.getElementById('hideProperty').style.color = 'black'
+
             hidePropertyBtn.isPrimary = false;
         }
         if (diagram) {