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

   1 @use '_mixins' as *;
   2 @use '_variables' as *;
   3
   4 my-input-text {
   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 .embed {
  34   margin-top: 20px;
  35 }
  36
  37 .alert-private {
  38   margin-top: 0;
  39 }
  40
  41 .filters {
  42   margin-top: 30px;
  43
  44   .advanced-filters.show {
  45     overflow: visible !important;
  46   }
  47
  48   .advanced-filters-button {
  49     display: flex;
  50     justify-content: center;
  51     align-items: center;
  52     margin-top: 20px;
  53     font-weight: $font-semibold;
  54     cursor: pointer;
  55   }
  56
  57   .video-caption-block {
  58     display: flex;
  59     align-items: center;
  60
  61     .peertube-select-container {
  62       @include margin-left(10px);
  63     }
  64   }
  65
  66   .start-at,
  67   .stop-at {
  68     width: 300px;
  69     display: flex;
  70     align-items: center;
  71
  72     my-timestamp-input {
  73       @include margin-left(10px);
  74     }
  75   }
  76 }
  77
  78 .alert-private {
  79   display: flex;
  80   align-items: center;
  81   justify-content: space-between;
  82 }