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