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 .input-group > input {
   9   @include peertube-input-text(auto);
  10
  11   font-size: 14px;
  12   padding: 0 5px;
  13 }
  14
  15 .advanced-filters-button {
  16   display: flex;
  17   justify-content: center;
  18   align-items: center;
  19   margin-top: 20px;
  20   font-size: 16px;
  21   font-weight: 600;
  22   cursor: pointer;
  23
  24   .nav-tabs {
  25     margin-top: 10x;
  26   }
  27
  28   .glyphicon {
  29     @include margin-right(5px);
  30   }
  31 }
  32
  33 .peertube-select-container.title-select {
  34   @include peertube-select-container(auto);
  35
  36   display: inline-block;
  37   margin-left: 10px;
  38   vertical-align: top;
  39 }
  40
  41 #dropdown-download-type {
  42   cursor: pointer;
  43 }
  44
  45 .download-type {
  46   margin-top: 20px;
  47
  48   .peertube-radio-container {
  49     @include margin-right(30px);
  50
  51     display: inline-block;
  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     @include padding-right(5px);
  70
  71     min-width: 142px;
  72     display: inline-block;
  73     color: pvar(--greyForegroundColor);
  74     font-weight: $font-bold;
  75   }
  76
  77   a.metadata-attribute-value {
  78     @include disable-default-a-behaviour;
  79
  80     color: pvar(--mainForegroundColor);
  81
  82     &:hover {
  83       opacity: 0.9;
  84     }
  85   }
  86
  87   &.metadata-attribute-tags {
  88     .metadata-attribute-value:not(:nth-child(2)) {
  89       &::before {
  90         content: ', ';
  91       }
  92     }
  93   }
  94 }