client/src/app/+my-library/my-videos/my-videos.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 input[type=text] {
   5   @include peertube-input-text(300px);
   6 }
   7
   8 .peertube-select-container {
   9   @include peertube-select-container(auto);
  10 }
  11
  12 h1 {
  13   display: flex;
  14   justify-content: space-between;
  15
  16   .button-link {
  17     @include peertube-button-link;
  18     @include grey-button;
  19     @include button-with-icon(18px, 3px, -1px);
  20
  21     &:not(:last-child) {
  22       margin-right: 10px;
  23     }
  24   }
  25 }
  26
  27 .action-button-delete-selection {
  28   display: inline-block;
  29
  30   @include peertube-button;
  31   @include orange-button;
  32   @include button-with-icon(21px);
  33
  34   my-global-icon {
  35     @include apply-svg-color(#fff);
  36   }
  37 }
  38
  39 .action-button {
  40   display: flex;
  41   margin-left: 10px;
  42   align-self: flex-end;
  43 }
  44
  45 my-edit-button {
  46   margin-right: 10px;
  47 }
  48
  49 @include on-small-main-col {
  50   h1 {
  51     flex-direction: column;
  52
  53     > span,
  54     .button-link {
  55       margin-bottom: 10px;
  56     }
  57   }
  58
  59   .action-button {
  60     margin-top: 10px;
  61     margin-left: auto;
  62   }
  63 }
  64
  65 @include on-mobile-main-col {
  66   .videos-header {
  67     flex-direction: column;
  68
  69     input[type=text] {
  70       width: 100% !important;
  71     }
  72   }
  73
  74   .action-button {
  75     margin-left: 0;
  76   }
  77 }