diff options
author | Rigel Kent <par@rigelk.eu> | 2018-08-30 11:15:22 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-08-30 11:15:22 +0200 |
commit | 2d9fea161fd4fc73994fc77951bafdccdc2071fd (patch) | |
tree | 12b86d180d60c1a7df53f4f7dafc2bb2f68dbdf4 /client/src/app/videos/+video-watch/comment | |
parent | 649fa07756874e342821fb53840d2d5b2be9c68e (diff) | |
download | PeerTube-2d9fea161fd4fc73994fc77951bafdccdc2071fd.tar.gz PeerTube-2d9fea161fd4fc73994fc77951bafdccdc2071fd.tar.zst PeerTube-2d9fea161fd4fc73994fc77951bafdccdc2071fd.zip |
watch view visual tweaks and search/comment placeholder dismiss on focus (#983)
- make the placeholder disappear on focus in the search bar
- make the placeholder disappear on focus in the comment textarea
- make the texarea resize automagically
- refactor the watch view to use bootstrap 4's flexgrid
- move action buttons of the watch view to the right of the video info
- responsive tweaks and margin adjustments in the watch view
Diffstat (limited to 'client/src/app/videos/+video-watch/comment')
-rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comment-add.component.html | 3 | ||||
-rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comment-add.component.scss | 4 |
2 files changed, 6 insertions, 1 deletions
diff --git a/client/src/app/videos/+video-watch/comment/video-comment-add.component.html b/client/src/app/videos/+video-watch/comment/video-comment-add.component.html index 8ea7f04ed..f65a88d20 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment-add.component.html +++ b/client/src/app/videos/+video-watch/comment/video-comment-add.component.html | |||
@@ -3,7 +3,8 @@ | |||
3 | <img [src]="user.accountAvatarUrl" alt="Avatar" /> | 3 | <img [src]="user.accountAvatarUrl" alt="Avatar" /> |
4 | 4 | ||
5 | <div class="form-group"> | 5 | <div class="form-group"> |
6 | <textarea i18n-placeholder placeholder="Add comment..." formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" | 6 | <textarea i18n-placeholder placeholder="Add comment..." autosize |
7 | formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" | ||
7 | (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea> | 8 | (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea> |
8 | 9 | ||
9 | </textarea> | 10 | </textarea> |
diff --git a/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss b/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss index dbce744bf..a55e743fb 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss +++ b/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss | |||
@@ -22,6 +22,10 @@ form { | |||
22 | 22 | ||
23 | textarea { | 23 | textarea { |
24 | @include peertube-textarea(100%, 60px); | 24 | @include peertube-textarea(100%, 60px); |
25 | |||
26 | &:focus::placeholder { | ||
27 | opacity: 0; | ||
28 | } | ||
25 | } | 29 | } |
26 | } | 30 | } |
27 | } | 31 | } |