]>
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 | ||
7d763d97 C |
36 | &:hover { |
37 | background-color: #EFEFEF; | |
38 | } | |
39 | ||
332542bc C |
40 | &.action-button-delete { |
41 | margin-right: 10px; | |
42 | } | |
43 | ||
44 | .icon.icon-edit, .icon.icon-delete { | |
d2cc03aa | 45 | display: inline-block; |
332542bc | 46 | background-repeat: no-repeat; |
d2cc03aa C |
47 | background-size: contain; |
48 | width: 21px; | |
49 | height: 21px; | |
50 | vertical-align: middle; | |
51 | position: relative; | |
52 | top: -2px; | |
332542bc C |
53 | |
54 | &.icon-edit { | |
55 | background-image: url('../../../assets/images/account/edit.svg'); | |
56 | } | |
57 | ||
58 | &.icon-delete { | |
59 | background-image: url('../../../assets/images/account/delete.svg'); | |
60 | } | |
d2cc03aa C |
61 | } |
62 | } | |
63 | } |