]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/videos/+video-watch/comment/video-comment-add.component.scss
Remove title attribute from thumbnail in video miniature
[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-watch / comment / video-comment-add.component.scss
CommitLineData
4635f59d
C
1@import '_variables';
2@import '_mixins';
3
93ef8a9d
C
4form {
5 margin-bottom: 30px;
6}
7
cf117aaa
C
8.avatar-and-textarea {
9 display: flex;
4635f59d 10 margin-bottom: 10px;
4635f59d 11
cf117aaa 12 img {
fc641ded 13 @include avatar(25px);
cf117aaa
C
14
15 vertical-align: top;
fc641ded 16 margin-right: 10px;
cf117aaa
C
17 }
18
19 .form-group {
20 flex-grow: 1;
21 margin: 0;
22
23 textarea {
24 @include peertube-textarea(100%, 60px);
2d9fea16
RK
25
26 &:focus::placeholder {
27 opacity: 0;
28 }
cf117aaa
C
29 }
30 }
4635f59d
C
31}
32
88adad2d
RK
33.cancel-button {
34 font-weight: $font-semibold;
35 display: inline-block;
36 padding: 0 10px 0 10px;
37 white-space: nowrap;
38 background: transparent;
39}
40
41.comment-buttons {
4635f59d 42 display: flex;
bf079b7b 43 justify-content: flex-end;
4635f59d
C
44
45 button {
46 @include peertube-button;
88adad2d
RK
47
48 &:last-child {
49 @include orange-button;
50 }
4635f59d
C
51 }
52}
93ea9c47 53
fc641ded 54@media screen and (max-width: 600px) {
88adad2d 55 textarea, .comment-buttons button {
93ea9c47
C
56 font-size: 14px !important;
57 }
fc641ded
C
58
59 textarea {
60 padding: 5px !important;
61 }
660d11e9
RK
62}
63
64.modal-body {
65 .btn {
66 @include peertube-button;
67 @include orange-button;
68 }
69
70 span {
71 float: left;
72 margin-bottom: 20px;
73 }
fc641ded 74}