]>
Commit | Line | Data |
---|---|---|
1 | .video { | |
2 | display: flex; | |
3 | height: 130px; | |
4 | padding-bottom: 20px; | |
5 | ||
6 | &:not(:last-child) { | |
7 | margin-bottom: 20px; | |
8 | border-bottom: 1px solid #C6C6C6; | |
9 | } | |
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 | ||
28 | .action-button { | |
29 | @include peertube-button-link; | |
30 | ||
31 | font-size: 15px; | |
32 | font-weight: $font-semibold; | |
33 | color: #585858; | |
34 | background-color: #E5E5E5; | |
35 | ||
36 | &:hover { | |
37 | background-color: #EFEFEF; | |
38 | } | |
39 | ||
40 | &.action-button-delete { | |
41 | margin-right: 10px; | |
42 | } | |
43 | ||
44 | .icon.icon-edit, .icon.icon-delete { | |
45 | display: inline-block; | |
46 | background-repeat: no-repeat; | |
47 | background-size: contain; | |
48 | width: 21px; | |
49 | height: 21px; | |
50 | vertical-align: middle; | |
51 | position: relative; | |
52 | top: -2px; | |
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 | } | |
61 | } | |
62 | } | |
63 | } |