aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/header/header.component.scss
diff options
context:
space:
mode:
authorRigel Kent <par@rigelk.eu>2018-08-30 11:15:22 +0200
committerGitHub <noreply@github.com>2018-08-30 11:15:22 +0200
commit2d9fea161fd4fc73994fc77951bafdccdc2071fd (patch)
tree12b86d180d60c1a7df53f4f7dafc2bb2f68dbdf4 /client/src/app/header/header.component.scss
parent649fa07756874e342821fb53840d2d5b2be9c68e (diff)
downloadPeerTube-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/header/header.component.scss')
-rw-r--r--client/src/app/header/header.component.scss5
1 files changed, 5 insertions, 0 deletions
diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index 6ce92fc22..8251ec1b5 100644
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -3,6 +3,7 @@
3 3
4#search-video { 4#search-video {
5 @include peertube-input-text($search-input-width); 5 @include peertube-input-text($search-input-width);
6 padding-left: 10px;
6 margin-right: 15px; 7 margin-right: 15px;
7 padding-right: 40px; // For the search icon 8 padding-right: 40px; // For the search icon
8 9
@@ -10,6 +11,10 @@
10 color: #000; 11 color: #000;
11 } 12 }
12 13
14 &:focus::placeholder {
15 opacity: 0 !important;
16 }
17
13 @media screen and (max-width: 800px) { 18 @media screen and (max-width: 800px) {
14 width: calc(100% - 150px); 19 width: calc(100% - 150px);
15 } 20 }