]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-video-miniature/video-download.component.scss
fix video download modal select width
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-miniature / video-download.component.scss
1 @import 'variables';
2 @import 'mixins';
3
4 .peertube-select-container {
5 @include peertube-select-container(85px);
6
7 border-top-right-radius: 0;
8 border-bottom-right-radius: 0;
9 border-right: none;
10
11 select {
12 height: inherit;
13 border-top-left-radius: .2rem;
14 border-bottom-left-radius: .2rem;
15 }
16 }
17
18 #dropdownDownloadType {
19 cursor: pointer;
20 }
21
22 .download-type {
23 margin-top: 30px;
24
25 .peertube-radio-container {
26 @include peertube-radio-container;
27
28 display: inline-block;
29 margin-right: 30px;
30 }
31 }
32
33 .file-metadata {
34 padding: 1rem;
35 }
36
37 .file-metadata .metadata-attribute {
38 font-size: 13px;
39 display: block;
40 margin-bottom: 12px;
41
42 .metadata-attribute-label {
43 min-width: 142px;
44 padding-right: 5px;
45 display: inline-block;
46 color: pvar(--greyForegroundColor);
47 font-weight: $font-bold;
48 }
49
50 a.metadata-attribute-value {
51 @include disable-default-a-behaviour;
52 color: pvar(--mainForegroundColor);
53
54 &:hover {
55 opacity: 0.9;
56 }
57 }
58
59 &.metadata-attribute-tags {
60 .metadata-attribute-value:not(:nth-child(2)) {
61 &::before {
62 content: ', '
63 }
64 }
65 }
66 }