]>
Commit | Line | Data |
---|---|---|
ce0e281d C |
1 | .action-selection-mode { |
2 | width: 174px; | |
dc595ab7 C |
3 | display: flex; |
4 | justify-content: flex-end; | |
ce0e281d C |
5 | |
6 | .action-selection-mode-child { | |
7 | position: fixed; | |
ce0e281d | 8 | |
dc595ab7 C |
9 | .action-button { |
10 | display: inline-block; | |
11 | } | |
ce0e281d | 12 | |
dc595ab7 C |
13 | .action-button-cancel-selection { |
14 | @include peertube-button; | |
15 | @include grey-button; | |
ce0e281d | 16 | |
dc595ab7 C |
17 | margin-right: 10px; |
18 | } | |
ce0e281d | 19 | |
dc595ab7 C |
20 | .action-button-delete-selection { |
21 | @include peertube-button; | |
22 | @include orange-button; | |
ce0e281d | 23 | } |
ce0e281d | 24 | |
dc595ab7 C |
25 | .icon.icon-delete-white { |
26 | @include icon(21px); | |
27 | ||
28 | position: relative; | |
29 | top: -2px; | |
cd83ea1b | 30 | background-image: url('../../../assets/images/global/delete-white.svg'); |
ce0e281d C |
31 | } |
32 | } | |
33 | } | |
34 | ||
dc595ab7 C |
35 | /deep/ .action-button { |
36 | &.action-button-delete { | |
37 | margin-right: 10px; | |
38 | } | |
39 | } | |
40 | ||
d2cc03aa C |
41 | .video { |
42 | display: flex; | |
43 | height: 130px; | |
44 | padding-bottom: 20px; | |
a2b817d3 | 45 | |
ce0e281d C |
46 | input[type=checkbox] { |
47 | margin-right: 20px; | |
48 | outline: 0; | |
49 | } | |
50 | ||
51 | &:first-child { | |
52 | margin-top: 47px; | |
53 | } | |
54 | ||
a2b817d3 C |
55 | &:not(:last-child) { |
56 | margin-bottom: 20px; | |
57 | border-bottom: 1px solid #C6C6C6; | |
58 | } | |
d2cc03aa C |
59 | |
60 | my-video-thumbnail { | |
61 | margin-right: 10px; | |
62 | } | |
63 | ||
64 | .video-info { | |
65 | flex-grow: 1; | |
66 | ||
67 | .video-info-name { | |
68 | font-size: 16px; | |
69 | font-weight: $font-semibold; | |
70 | } | |
71 | ||
72 | .video-info-date-views { | |
73 | font-size: 13px; | |
74 | } | |
75 | } | |
d2cc03aa | 76 | } |
9b7d1c72 C |
77 | |
78 | @media screen and (max-width: 800px) { | |
79 | .video { | |
80 | flex-direction: column; | |
81 | height: auto; | |
82 | text-align: center; | |
83 | ||
84 | input[type=checkbox] { | |
85 | display: none; | |
86 | } | |
87 | ||
88 | my-video-thumbnail { | |
89 | margin-right: 0; | |
90 | } | |
91 | ||
92 | .video-buttons { | |
93 | margin-top: 10px; | |
94 | } | |
95 | } | |
96 | } |