]>
Commit | Line | Data |
---|---|---|
d2cc03aa C |
1 | .video { |
2 | display: flex; | |
3 | height: 130px; | |
4 | padding-bottom: 20px; | |
a2b817d3 C |
5 | |
6 | &:not(:last-child) { | |
7 | margin-bottom: 20px; | |
8 | border-bottom: 1px solid #C6C6C6; | |
9 | } | |
d2cc03aa C |
10 | |
11 | my-video-thumbnail { | |
12 | margin-right: 10px; | |
13 | } | |
14 | ||
15 | .video-info { | |
16 | flex-grow: 1; | |
17 | ||
18 | .video-info-name { | |
19 | font-size: 16px; | |
20 | font-weight: $font-semibold; | |
21 | } | |
22 | ||
23 | .video-info-date-views { | |
24 | font-size: 13px; | |
25 | } | |
26 | } | |
27 | ||
332542bc | 28 | .action-button { |
d2cc03aa C |
29 | @include peertube-button-link; |
30 | ||
31 | font-size: 15px; | |
32 | font-weight: $font-semibold; | |
33 | color: #585858; | |
34 | background-color: #E5E5E5; | |
35 | ||
332542bc C |
36 | &.action-button-delete { |
37 | margin-right: 10px; | |
38 | } | |
39 | ||
40 | .icon.icon-edit, .icon.icon-delete { | |
d2cc03aa | 41 | display: inline-block; |
332542bc | 42 | background-repeat: no-repeat; |
d2cc03aa C |
43 | background-size: contain; |
44 | width: 21px; | |
45 | height: 21px; | |
46 | vertical-align: middle; | |
47 | position: relative; | |
48 | top: -2px; | |
332542bc C |
49 | |
50 | &.icon-edit { | |
51 | background-image: url('../../../assets/images/account/edit.svg'); | |
52 | } | |
53 | ||
54 | &.icon-delete { | |
55 | background-image: url('../../../assets/images/account/delete.svg'); | |
56 | } | |
d2cc03aa C |
57 | } |
58 | } | |
59 | } |