]>
Commit | Line | Data |
---|---|---|
63c4db6d C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
bf64ed41 RK |
4 | .videos-header { |
5 | display: flex; | |
6 | justify-content: space-between; | |
7 | text-align: right; | |
8 | margin: 20px 0 50px; | |
9 | ||
10 | input[type=text] { | |
11 | @include peertube-input-text(300px); | |
12 | } | |
13 | } | |
14 | ||
693263e9 C |
15 | .action-button-delete-selection { |
16 | display: inline-block; | |
ce0e281d | 17 | |
693263e9 C |
18 | @include peertube-button; |
19 | @include orange-button; | |
20 | @include button-with-icon(21px); | |
ce0e281d | 21 | |
693263e9 C |
22 | my-global-icon { |
23 | @include apply-svg-color(#fff); | |
b2731bff | 24 | } |
d2cc03aa | 25 | } |
9b7d1c72 | 26 | |
31174a27 RK |
27 | ::ng-deep { |
28 | .action-button span { | |
29 | white-space: nowrap; | |
30 | } | |
31 | ||
32 | .video-miniature { | |
33 | &.display-as-row { | |
34 | // width: min-content !important; | |
35 | width: 100% !important; | |
36 | ||
37 | .video-bottom .video-miniature-information { | |
38 | width: max-content !important; | |
39 | min-width: unset !important; | |
40 | } | |
41 | } | |
42 | ||
43 | .video-bottom { | |
44 | max-width: 350px; | |
45 | } | |
46 | } | |
47 | } | |
48 | ||
693263e9 C |
49 | my-delete-button, |
50 | my-edit-button { | |
51 | margin-right: 10px; | |
9b7d1c72 | 52 | } |