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: none;
  32
  33   select {
  34     height: inherit;
  35     border-top-left-radius: .2rem;
  36     border-bottom-left-radius: .2rem;
  37   }
  38 }
  39
  40 .action-button-cancel {
  41   @include peertube-button-link;
  42 }
  43
  44 .action-button-submit {
  45   @include peertube-button-link;
  46   @include orange-button;
  47 }
  48
  49 #dropdownDownloadType {
  50   cursor: pointer;
  51 }
  52
  53 .download-type {
  54   margin-top: 20px;
  55
  56   .peertube-radio-container {
  57     @include peertube-radio-container;
  58
  59     display: inline-block;
  60     margin-right: 30px;
  61   }
  62 }
  63
  64 .nav-metadata {
  65   margin-top: 20px;
  66 }
  67
  68 .file-metadata {
  69   padding: 1rem;
  70 }
  71
  72 .file-metadata .metadata-attribute {
  73   font-size: 13px;
  74   display: block;
  75   margin-bottom: 12px;
  76
  77   .metadata-attribute-label {
  78     min-width: 142px;
  79     padding-right: 5px;
  80     display: inline-block;
  81     color: pvar(--greyForegroundColor);
  82     font-weight: $font-bold;
  83   }
  84
  85   a.metadata-attribute-value {
  86     @include disable-default-a-behaviour;
  87     color: pvar(--mainForegroundColor);
  88
  89     &:hover {
  90       opacity: 0.9;
  91     }
  92   }
  93
  94   &.metadata-attribute-tags {
  95     .metadata-attribute-value:not(:nth-child(2)) {
  96       &::before {
  97         content: ', '
  98       }
  99     }
 100   }
 101 }