Add maximized mode to markdown-textarea + CSS improvements (#2660)
authorKim <1877318+kimsible@users.noreply.github.com>
Tue, 28 Apr 2020 12:53:43 +0000 (14:53 +0200)
committerGitHub <noreply@github.com>
Tue, 28 Apr 2020 12:53:43 +0000 (14:53 +0200)
commitb15fe00f7409b27573e162192530bc73e3f918b1
treea71df67cee37a60f4de573ca9347aa3262cd8463
parent4682468d4d07e0864155dd2b403d93754786ea13
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>
15 files changed:
client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html
client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html
client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss
client/src/app/shared/forms/markdown-textarea.component.html
client/src/app/shared/forms/markdown-textarea.component.scss
client/src/app/shared/forms/markdown-textarea.component.ts
client/src/app/shared/images/global-icon.component.ts
client/src/app/videos/+video-edit/shared/video-edit.component.html
client/src/app/videos/+video-edit/shared/video-edit.component.scss
client/src/assets/images/global/exit-fullscreen.svg [new file with mode: 0644]
client/src/assets/images/global/fullscreen.svg [new file with mode: 0644]
client/src/sass/application.scss
client/src/sass/include/_variables.scss