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