diff options
| author | Kim <1877318+kimsible@users.noreply.github.com> | 2020-04-28 14:53:43 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-04-28 14:53:43 +0200 |
| commit | b15fe00f7409b27573e162192530bc73e3f918b1 (patch) | |
| tree | a71df67cee37a60f4de573ca9347aa3262cd8463 /client/src/app/+admin/plugins | |
| parent | 4682468d4d07e0864155dd2b403d93754786ea13 (diff) | |
| download | PeerTube-b15fe00f7409b27573e162192530bc73e3f918b1.tar.gz PeerTube-b15fe00f7409b27573e162192530bc73e3f918b1.tar.zst PeerTube-b15fe00f7409b27573e162192530bc73e3f918b1.zip | |
Add maximized mode to markdown-textarea + CSS improvements (#2660)
* Add arrows-angle-contract/expand bootstrap icons
* Add grey textarea-background-color
* Add maximized support to markdown-textarea + improve column display
* Refactor CSS + add ResizeObservable
* Replace bootstrap icons with softies
* Add ResizeObserver typing definition
* Add focus on textarea + Fix Observables
* Propage component changes on markdown plugins
* Ignore ResizeObserver not implemented in typescript yet
* Move observers from constructor to click event
* Add scss and css variables
* Replace textareaWidth with textareaMaxWidth to fix others textareas
* Clean unused css rules
* Fix ResizeObserver unknown by TypeScript compiler
* Set max-width: 100% for small and mobile views
* Fix textarea/preview height on maximized mode
* Add common padding textarea/preview side-by-side
* Hide scrollbar sub-menu on small-views
* Add maximized mode for mobile views
* Fix sass calculate syntax
* Revert custom CSS variable for inputBorderRadius and inputBorderColor
* Remove unsued methods
* Fix missing implement method
Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/app/+admin/plugins')
| -rw-r--r-- | client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html b/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html index bf135ecbd..f3fc429ff 100644 --- a/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html +++ b/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html | |||
| @@ -19,13 +19,13 @@ | |||
| 19 | 19 | ||
| 20 | <my-markdown-textarea | 20 | <my-markdown-textarea |
| 21 | *ngIf="setting.type === 'markdown-text'" | 21 | *ngIf="setting.type === 'markdown-text'" |
| 22 | markdownType="text" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px" [previewColumn]="false" | 22 | markdownType="text" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px" |
| 23 | [classes]="{ 'input-error': formErrors['settings.name'] }" | 23 | [classes]="{ 'input-error': formErrors['settings.name'] }" |
| 24 | ></my-markdown-textarea> | 24 | ></my-markdown-textarea> |
| 25 | 25 | ||
| 26 | <my-markdown-textarea | 26 | <my-markdown-textarea |
| 27 | *ngIf="setting.type === 'markdown-enhanced'" | 27 | *ngIf="setting.type === 'markdown-enhanced'" |
| 28 | markdownType="enhanced" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px" [previewColumn]="false" | 28 | markdownType="enhanced" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px" |
| 29 | [classes]="{ 'input-error': formErrors['settings.name'] }" | 29 | [classes]="{ 'input-error': formErrors['settings.name'] }" |
| 30 | ></my-markdown-textarea> | 30 | ></my-markdown-textarea> |
| 31 | 31 | ||