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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   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-weight: 600;
  14   cursor: pointer;
  15
  16   .nav-tabs {
  17     margin-top: 10x;
  18   }
  19 }
  20
  21 .peertube-select-container.title-select {
  22   @include peertube-select-container(auto);
  23
  24   display: inline-block;
  25   margin-left: 10px;
  26   vertical-align: top;
  27 }
  28
  29 #dropdown-download-type {
  30   cursor: pointer;
  31 }
  32
  33 .download-type {
  34   margin-top: 20px;
  35
  36   .peertube-radio-container {
  37     @include margin-right(30px);
  38
  39     display: inline-block;
  40   }
  41 }
  42
  43 .nav-metadata {
  44   margin-top: 20px;
  45 }
  46
  47 .file-metadata {
  48   padding: 1rem;
  49 }
  50
  51 .file-metadata .metadata-attribute {
  52   font-size: 13px;
  53   display: block;
  54   margin-bottom: 12px;
  55
  56   .metadata-attribute-label {
  57     @include padding-right(5px);
  58
  59     min-width: 142px;
  60     display: inline-block;
  61     color: pvar(--greyForegroundColor);
  62     font-weight: $font-bold;
  63   }
  64
  65   a.metadata-attribute-value {
  66     @include disable-default-a-behaviour;
  67
  68     color: pvar(--mainForegroundColor);
  69
  70     &:hover {
  71       opacity: 0.9;
  72     }
  73   }
  74
  75   &.metadata-attribute-tags {
  76     .metadata-attribute-value:not(:nth-child(2)) {
  77       &::before {
  78         content: ', ';
  79       }
  80     }
  81   }
  82 }