client/src/app/+my-account/my-account-history/my-account-history.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .no-history {
   5   display: flex;
   6   justify-content: center;
   7   margin-top: 50px;
   8   font-weight: $font-semibold;
   9   font-size: 16px;
  10 }
  11
  12 .top-buttons {
  13   margin-bottom: 20px;
  14   display: flex;
  15
  16   .history-switch {
  17     display: flex;
  18     flex-grow: 1;
  19
  20     label {
  21       margin: 0 0 0 5px;
  22     }
  23   }
  24
  25   .delete-history {
  26     font-size: 15px;
  27
  28     button {
  29       @include peertube-button;
  30       @include grey-button;
  31     }
  32   }
  33 }
  34
  35 .video {
  36   @include row-blocks;
  37
  38   my-video-thumbnail {
  39     margin-right: 10px;
  40   }
  41
  42   .video-info {
  43     flex-grow: 1;
  44
  45     .video-info-name {
  46       @include disable-default-a-behaviour;
  47
  48       color: var(--mainForegroundColor);
  49       display: block;
  50       width: fit-content;
  51       font-size: 18px;
  52       font-weight: $font-semibold;
  53     }
  54
  55     .video-info-date-views {
  56       font-size: 14px;
  57     }
  58
  59     .video-info-account {
  60       @include disable-default-a-behaviour;
  61
  62       display: block;
  63       width: fit-content;
  64       overflow: hidden;
  65       text-overflow: ellipsis;
  66       white-space: nowrap;
  67       font-size: 14px;
  68       color: #585858;
  69
  70       &:hover {
  71         color: #303030;
  72       }
  73     }
  74   }
  75 }
  76
  77 @media screen and (max-width: $small-view) {
  78   .video {
  79     flex-direction: column;
  80     height: auto;
  81     text-align: center;
  82
  83     .video-info-name {
  84       margin: auto;
  85     }
  86
  87     input[type=checkbox] {
  88       display: none;
  89     }
  90
  91     my-video-thumbnail {
  92       margin-right: 0;
  93     }
  94
  95     .video-buttons {
  96       margin-top: 10px;
  97     }
  98   }
  99 }