client/src/app/shared/user-subscription/subscribe-button.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .btn-group-subscribe {
   5   @include peertube-button;
   6   @include disable-default-a-behaviour;
   7
   8   float: right;
   9   padding: 0;
  10
  11   & > .btn,
  12   & > .dropdown > .dropdown-toggle {
  13     font-size: 15px;
  14   }
  15
  16   // Unlogged
  17   & > .dropdown > .dropdown-toggle span {
  18     padding-right: 3px;
  19   }
  20
  21   // Logged
  22   & > .btn {
  23     padding-right: 4px;
  24
  25     & + .dropdown > button {
  26       padding-left: 2px;
  27
  28       &::after {
  29         position: relative;
  30         top: 1px;
  31       }
  32     }
  33   }
  34
  35   &.subscribe-button {
  36     .btn {
  37       @include orange-button;
  38       font-weight: 600;
  39     }
  40
  41     span.followers-count {
  42       padding-left: 5px;
  43     }
  44   }
  45   &.unsubscribe-button {
  46     .btn {
  47       @include grey-button;
  48       font-weight: 600;
  49     }
  50   }
  51
  52   .dropdown-menu {
  53     cursor: default;
  54
  55     button {
  56       cursor: pointer;
  57     }
  58   }
  59
  60   .dropdown-header {
  61     padding-left: 1rem;
  62   }
  63
  64   /deep/ form {
  65     padding: 0.25rem 1rem;
  66   }
  67
  68   input {
  69     @include peertube-input-text(100%);
  70   }
  71 }