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