client/src/app/shared/shared-video-miniature/video-download.component.scss

   1 @import 'variables';
   2 @import 'mixins';
   3
   4 .nav-content {
   5   margin-top: 30px;
   6 }
   7
   8 .advanced-filters-button {
   9   display: flex;
  10   justify-content: center;
  11   align-items: center;
  12   margin-top: 20px;
  13   font-size: 16px;
  14   font-weight: 600;
  15   cursor: pointer;
  16
  17   .nav-tabs {
  18     margin-top: 10x;
  19   }
  20
  21   .glyphicon {
  22     margin-right: 5px;
  23   }
  24 }
  25
  26 .peertube-select-container {
  27   @include peertube-select-container(85px);
  28
  29   border-top-right-radius: 0;
  30   border-bottom-right-radius: 0;
  31   border-right: 0;
  32
  33   select {
  34     height: inherit;
  35     border-top-left-radius: .2rem;
  36     border-bottom-left-radius: .2rem;
  37   }
  38 }
  39
  40 #dropdown-download-type {
  41   cursor: pointer;
  42 }
  43
  44 .download-type {
  45   margin-top: 20px;
  46
  47   .peertube-radio-container {
  48     @include peertube-radio-container;
  49
  50     display: inline-block;
  51     margin-right: 30px;
  52   }
  53 }
  54
  55 .nav-metadata {
  56   margin-top: 20px;
  57 }
  58
  59 .file-metadata {
  60   padding: 1rem;
  61 }
  62
  63 .file-metadata .metadata-attribute {
  64   font-size: 13px;
  65   display: block;
  66   margin-bottom: 12px;
  67
  68   .metadata-attribute-label {
  69     min-width: 142px;
  70     padding-right: 5px;
  71     display: inline-block;
  72     color: pvar(--greyForegroundColor);
  73     font-weight: $font-bold;
  74   }
  75
  76   a.metadata-attribute-value {
  77     @include disable-default-a-behaviour;
  78     color: pvar(--mainForegroundColor);
  79
  80     &:hover {
  81       opacity: 0.9;
  82     }
  83   }
  84
  85   &.metadata-attribute-tags {
  86     .metadata-attribute-value:not(:nth-child(2)) {
  87       &::before {
  88         content: ', ';
  89       }
  90     }
  91   }
  92 }