diff --git a/projects/angular-signature-pad/src/lib/angular-signature-pad.component.scss b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.scss new file mode 100644 index 0000000..122477c --- /dev/null +++ b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.scss @@ -0,0 +1,11 @@ +:host { + // This should be solving issue with open area that don't have signature pad canvas + background: antiquewhite; + display: flex; + align-items: center; + justify-content: center; + + .signature-pad-canvas { + border: 1px solid gray; + } +} diff --git a/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts index 3ea2fc1..2f108c0 100644 --- a/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts +++ b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts @@ -7,8 +7,9 @@ export interface NgSignaturePadOptions extends Options { } @Component({ - template: '', + template: '', selector: 'signature-pad', + styleUrls: ['./angular-signature-pad.component.scss'], }) export class SignaturePadComponent implements AfterContentInit, OnDestroy { @Input() public options: NgSignaturePadOptions;