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/videos/+video-edit/shared/video-edit.component.scss | |
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/videos/+video-edit/shared/video-edit.component.scss')
-rw-r--r-- | client/src/app/videos/+video-edit/shared/video-edit.component.scss | 14 |
1 files changed, 1 insertions, 13 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss index de800b03f..2f9067132 100644 --- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss +++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss | |||
@@ -161,18 +161,6 @@ p-calendar { | |||
161 | } | 161 | } |
162 | } | 162 | } |
163 | 163 | ||
164 | ::ng-deep my-markdown-textarea { | ||
165 | .root { | ||
166 | @include media-breakpoint-down(xl) { | ||
167 | flex-direction: column !important; | ||
168 | } | ||
169 | |||
170 | textarea { | ||
171 | max-width: 100%; | ||
172 | } | ||
173 | } | ||
174 | } | ||
175 | |||
176 | @include ng2-tags; | 164 | @include ng2-tags; |
177 | 165 | ||
178 | // columns for the video | 166 | // columns for the video |
@@ -200,7 +188,7 @@ p-calendar { | |||
200 | .col-video-edit { | 188 | .col-video-edit { |
201 | @include media-breakpoint-up(md) { | 189 | @include media-breakpoint-up(md) { |
202 | @include make-col(8); | 190 | @include make-col(8); |
203 | 191 | ||
204 | & + .col-video-edit { | 192 | & + .col-video-edit { |
205 | @include make-col(4); | 193 | @include make-col(4); |
206 | } | 194 | } |