From 437e8e06eb32ffe21111f0946115aae0e4c33381 Mon Sep 17 00:00:00 2001 From: Kim <1877318+kimsible@users.noreply.github.com> Date: Wed, 15 Apr 2020 15:35:41 +0200 Subject: Add custom modal to plugin helpers (#2631) * Add custom modal component * Add custom modal to app and plugins helpers * Fixes custom modal component * Add doc for custom modal * Fix newline end of file html and scss files * Move my-custom-modal component outside component for UserLoggedIn modals * Move initializeCustomModal to ngAfterViewInit() * Wrap events and conditionnals * Replace ng-show with ngIf* * Add modalRef to open only one modal + onCloseClick * Refacto + Fix access methods of custom modal * Fix methods names custom-modal.component * Fix implement AfterViewInit & no default boolean Co-authored-by: kimsible --- client/src/app/modal/custom-modal.component.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 client/src/app/modal/custom-modal.component.scss (limited to 'client/src/app/modal/custom-modal.component.scss') diff --git a/client/src/app/modal/custom-modal.component.scss b/client/src/app/modal/custom-modal.component.scss new file mode 100644 index 000000000..a7fa30cf5 --- /dev/null +++ b/client/src/app/modal/custom-modal.component.scss @@ -0,0 +1,20 @@ +@import '_mixins'; +@import '_variables'; + +.modal-body { + font-size: 15px; +} + +li { + margin-bottom: 10px; +} + +.action-button-cancel { + @include peertube-button; + @include grey-button; +} + +.action-button-confirm { + @include peertube-button; + @include orange-button; +} -- cgit v1.2.3