client/src/app/shared/shared-share-modal/video-share.component.scss

   1 @use '_mixins';
   2 @use '_variables';
   3
   4 my-input-toggle-hidden {
   5   width: 100%;
   6 }
   7
   8 .title-page.title-page-single {
   9   margin-top: 0;
  10 }
  11
  12 .playlist {
  13   margin-bottom: 50px;
  14 }
  15
  16 .peertube-select-container {
  17   @include peertube-select-container(200px);
  18 }
  19
  20 .qr-code-group {
  21   text-align: center;
  22 }
  23
  24 .nav-content {
  25   margin-top: 30px;
  26   display: flex;
  27   justify-content: center;
  28   align-items: center;
  29   flex-direction: column;
  30 }
  31
  32 .alert {
  33   margin-top: 20px;
  34 }
  35
  36 .filters {
  37   margin-top: 30px;
  38
  39   .advanced-filters.show {
  40     overflow: visible !important;
  41   }
  42
  43   .advanced-filters-button {
  44     display: flex;
  45     justify-content: center;
  46     align-items: center;
  47     margin-top: 20px;
  48     font-size: 16px;
  49     font-weight: $font-semibold;
  50     cursor: pointer;
  51
  52     .glyphicon {
  53       @include margin-right(5px);
  54     }
  55   }
  56
  57   .form-group {
  58     margin-bottom: 0;
  59     height: 34px;
  60     display: flex;
  61     align-items: center;
  62   }
  63
  64   .video-caption-block {
  65     display: flex;
  66     align-items: center;
  67
  68     .peertube-select-container {
  69       @include margin-left(10px);
  70     }
  71   }
  72
  73   .start-at,
  74   .stop-at {
  75     width: 300px;
  76     display: flex;
  77     align-items: center;
  78
  79     my-timestamp-input {
  80       @include margin-left(10px);
  81     }
  82   }
  83 }