Use separate file for plugin placeholder component

diff --git a/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.scss b/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.scss
new file mode 100644 (file)
index 0000000..4e37c5e
--- /dev/null
+++ b/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.scss
@@ -0,0 +1,3 @@
+div {
+  height: 100%;
+}

diff --git a/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.ts b/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.ts
index 4d5381e8db57c11e5b23ffd51b4367ec227944e6..858eff9baf72dbf33a860168c6e28cc980da96f0 100644 (file)
--- a/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.ts
+++ b/client/src/app/shared/shared-main/plugins/plugin-placeholder.component.ts
@@ -4,7 +4,7 @@ import { PluginElementPlaceholder } from '@shared/models'
 @Component({
   selector: 'my-plugin-placeholder',
   template: '<div [id]="getId()"></div>',
-  styles: [ 'div { height: 100%; }' ]
+  styleUrls: [ './plugin-placeholder.component.scss' ]
 })
 
 export class PluginPlaceholderComponent {