Merge pull request #1 from Ashok-syncfusion/master

Updated the styles and scripts

src/default/default.ts

@@ -1,7 +1,7 @@
 /**
  *  Default page code.
  */
-import { Slider, SliderTickEventArgs } from '@syncfusion/ej2-inputs';
+import { Slider, SliderTickRenderedEventArgs } from '@syncfusion/ej2-inputs';
 import { NumericTextBox, ChangeEventArgs } from '@syncfusion/ej2-inputs';
 import { RadioButton } from '@syncfusion/ej2-buttons';
 import { closest, Internationalization, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
@@ -83,9 +83,13 @@ function renderSliderControls(): void {
         changed: () => {
             refreshUI();
         },
-        renderingTicks: (args: SliderTickEventArgs) => {
-            let num: number = Number(args.value) / 1000;
-            args.text = num === 0 ?  ('' + num) : (num + 'K');
+        renderedTicks: (args: SliderTickRenderedEventArgs) => {
+            let li: NodeListOf<Element> = args.ticksWrapper.getElementsByClassName('e-large');
+            for (let i: number = 0; i < li.length; ++i) {
+                let ele: HTMLElement = (li[i].querySelectorAll('.e-tick-value')[0] as HTMLElement);
+                let num: number = parseInt(ele.innerText.substring(1).replace(/,/g , ''), 10) / 1000;
+                ele.innerText = num === 0 ?  ('' + num) : (num + 'K');
+            }
         }
     });
     pricipalObj2.appendTo('#pricipal');

styles/index.scss

@@ -88,7 +88,7 @@ $tick-color: #ABABAB;
 
 .component-content {
   border-radius: 3px;
-  height: 300px;
+  height: 100%;
 }
 
 .parent {
@@ -326,6 +326,7 @@ li {
         .e-tick-value {
           @include Roboto-400();
           font-size: 13px;
+          color: $tick-color;
         }
       }
     }
@@ -485,7 +486,7 @@ li {
       }
     }
 
-    & .e-icons, & .e-rowcell, & .e-detailrowcollapse, & .e-detailrowexpand {
+    & .e-icons, & .e-row .e-rowcell, & .e-detailrowcollapse, & .e-detailrowexpand {
       color: $row-font-color;
     }
 
@@ -500,6 +501,7 @@ li {
 
         &:not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
           background: $hover-color;
+          color: #fff;
         }
       }
     }
@@ -892,3 +894,6 @@ body {
 .e-grid .e-row .e-row-toggle { 
   display: inline-block;
 }
+#payment_pieChartPointHover_Border {
+  opacity: 0;
+}

styles/styles.scss

@@ -1,3 +1,7 @@
 //sass-lint:disable-all
+@import 'ej2-base/styles/bootstrap.scss';
+@import 'ej2-buttons/styles/bootstrap.scss';
+@import 'ej2-popups/styles/bootstrap.scss';
 @import 'ej2-inputs/styles/bootstrap.scss';
+@import 'ej2-calendars/styles/bootstrap.scss';
 @import 'ej2-grids/styles/bootstrap.scss';