client/src/app/shared/video/abstract-video-list.scss

   1 @import '_mixins';
   2 @import '_miniature';
   3
   4 .videos-header {
   5   display: flex;
   6   justify-content: space-between;
   7   height: 80px;
   8   align-items: baseline;
   9
  10   .title-page.title-page-single {
  11     display: flex;
  12
  13     my-feed {
  14       display: inline-block;
  15       top: 1px;
  16       margin-left: 5px;
  17       width: max-content;
  18       opacity: 0;
  19       transition: ease-in .2s opacity;
  20     }
  21     &:hover my-feed {
  22       opacity: 1;
  23     }
  24   }
  25
  26   .action-block {
  27     a button {
  28       @include peertube-button;
  29       @include grey-button;
  30       @include button-with-icon(18px, 3px, -1px);
  31     }
  32   }
  33
  34   .moderation-block {
  35     display: flex;
  36     flex-grow: 1;
  37     justify-content: flex-end;
  38     align-items: center;
  39   }
  40 }
  41
  42 .date-title {
  43   font-size: 16px;
  44   font-weight: $font-semibold;
  45   margin-bottom: 20px;
  46   margin-top: -10px;
  47   padding-top: 20px;
  48
  49   &:not(:first-child) {
  50     border-top: 1px solid $separator-border-color;
  51   }
  52 }
  53
  54 .margin-content {
  55   @include adapt-margin-content-width;
  56 }
  57