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   align-items: baseline;
   8
   9   .title-page.title-page-single {
  10     display: flex;
  11
  12     my-feed {
  13       display: inline-block;
  14       top: 1px;
  15       margin-left: 5px;
  16       width: max-content;
  17       opacity: 0;
  18       transition: ease-in .2s opacity;
  19     }
  20     &:hover my-feed {
  21       opacity: 1;
  22     }
  23   }
  24
  25   .action-block {
  26     a button {
  27       @include peertube-button;
  28       @include grey-button;
  29       @include button-with-icon(18px, 3px, -1px);
  30     }
  31   }
  32
  33   .moderation-block {
  34     display: flex;
  35     flex-grow: 1;
  36     justify-content: flex-end;
  37     align-items: center;
  38   }
  39 }
  40
  41 .date-title {
  42   font-size: 16px;
  43   font-weight: $font-semibold;
  44   margin-bottom: 20px;
  45   margin-top: -10px;
  46   padding-top: 20px;
  47
  48   &:not(:first-child) {
  49     border-top: 1px solid $separator-border-color;
  50   }
  51 }
  52
  53 .margin-content {
  54   @include adapt-margin-content-width;
  55 }
  56
  57 @media screen and (max-width: $mobile-view) {
  58   .videos-header {
  59     flex-direction: column;
  60     align-items: center;
  61     height: auto;
  62
  63     .title-page {
  64       margin-bottom: 10px;
  65       margin-right: 0px;
  66     }
  67   }
  68 }