bug(EJ2-4543): Sample browser css issues

Author: pipeline

src/button/button.module.ts

@@ -9,7 +9,7 @@ import { SharedModule } from '../common/shared.module';
 export const buttonAppRoutes: Object[] = [
     { path: ':theme/button/default', component: DefaultButtonController, name: 'Default Functionalities', category: 'Button' },
     { path: ':theme/button/check-box', component: CheckBoxController, name: 'CheckBox', category: 'Button' },
-    { path: ':theme/button/radio-button', component: RadioButtonController, name: 'RadioButton', category: 'Button', type: 'new' }
+    { path: ':theme/button/radio-button', component: RadioButtonController, name: 'RadioButton', category: 'Button' }
 ];
 
 export const buttonRouter: ModuleWithProviders = RouterModule.forChild(buttonAppRoutes);

src/common/samplelist.ts

@@ -39,7 +39,7 @@ export let samplesList: any = [
         'name': 'Form-Validator', 'category': 'Editors', 'order': '03', 'path': 'form-validator', 'samples': formValidatorAppRoutes
     },
     {
-        'name': 'Button', 'category': 'Editors', 'order': '03', 'path': 'button', 'samples': buttonAppRoutes, 'type': 'update'
+        'name': 'Button', 'category': 'Editors', 'order': '03', 'path': 'button', 'samples': buttonAppRoutes
     },
     {
         'name': 'Calendar', 'category': 'Editors', 'order': '03', 'path': 'calendar', 'samples': calendarAppRoutes

src/contextmenu/contextmenu.css

@@ -18,7 +18,7 @@
     text-transform: none;
 }
 
-#target {
+#contextmenutarget {
     border: 1px dashed;
     height: 250px;
     padding: 10px;
@@ -41,104 +41,104 @@
      width: auto;
     }
 
-    #target {
+    #contextmenutarget {
         line-height: 17;
     }
 }
 
-.e-cut::before {
+.e-menu-item .e-cut::before {
     content: '\e264';
 }
 
-.e-paste::before {
+.e-menu-item .e-paste::before {
     content: '\e959';
 }
 
-.e-font::before {
+.e-menu-item .e-font::before {
     content: '\e262';
 }
 
-.e-copy::before {
+.e-menu-item .e-copy::before {
     content: '\e263';
 }
 
-.e-link::before {
+.e-menu-item .e-link::before {
     content: '\e265';
 }
 
-.e-comment::before {
+.e-menu-item .e-comment::before {
     content: '\e267';
 }
 
-.e-pastetext::before {
+.e-menu-item .e-pastetext::before {
     content: '\e261';
 }
 
-.e-pastespecial::before {
+.e-menu-item .e-pastespecial::before {
     content: '\e260';
 }
 
-.fabric .e-cut::before {
+.fabric .e-menu-item .e-cut::before {
     content: '\e251';
 }
 
-.fabric .e-paste::before {
+.fabric .e-menu-item .e-paste::before {
     content: '\e940';
 }
 
-.fabric .e-font::before {
+.fabric .e-menu-item .e-font::before {
     content: '\e252';
 }
 
-.fabric .e-copy::before {
+.fabric .e-menu-item .e-copy::before {
     content: '\e255';
 }
 
-.fabric .e-link::before {
+.fabric .e-menu-item .e-link::before {
     content: '\e254';
 }
 
-.fabric .e-comment::before {
+.fabric .e-menu-item .e-comment::before {
     content: '\e253';
 }
 
-.fabric .e-pastetext::before {
+.fabric .e-menu-item .e-pastetext::before {
     content: '\e258';
 }
 
-.fabric .e-pastespecial::before {
+.fabric .e-menu-item .e-pastespecial::before {
     content: '\e256';
 }
 
-.bootstrap .e-cut::before {
+.bootstrap .e-menu-item .e-cut::before {
     content: '\e248';
 }
 
-.bootstrap .e-paste::before {
+.bootstrap .e-menu-item .e-paste::before {
     content: '\e95a';
 }
 
-.bootstrap .e-font::before {
+.bootstrap .e-menu-item .e-font::before {
     content: '\e247';
 }
 
-.bootstrap .e-copy::before {
+.bootstrap .e-menu-item .e-copy::before {
     content: '\e249';
 }
 
-.bootstrap .e-link::before {
+.bootstrap .e-menu-item .e-link::before {
     content: '\e245';
 }
 
-.bootstrap .e-comment::before {
+.bootstrap .e-menu-item .e-comment::before {
     content: '\e246';
 }
 
-.bootstrap .e-pastetext::before {
+.bootstrap .e-menu-item .e-pastetext::before {
     content: '\e257';
 }
 
-.bootstrap .e-pastespecial::before {
+.bootstrap .e-menu-item .e-pastespecial::before {
     content: '\e259';
 }