From 67ed6552b831df66713bac9e672738796128d33f Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 23 Jun 2020 14:10:17 +0200
Subject: Reorganize client shared modules

---
 .../subscribe-button.component.scss                | 112 +++++++++++++++++++++
 1 file changed, 112 insertions(+)
 create mode 100644 client/src/app/shared/shared-user-subscription/subscribe-button.component.scss

(limited to 'client/src/app/shared/shared-user-subscription/subscribe-button.component.scss')

diff --git a/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss b/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss
new file mode 100644
index 000000000..b739c5ae2
--- /dev/null
+++ b/client/src/app/shared/shared-user-subscription/subscribe-button.component.scss
@@ -0,0 +1,112 @@
+@import '_variables';
+@import '_mixins';
+
+.btn-group-subscribe {
+  @include peertube-button;
+  @include disable-default-a-behaviour;
+
+  float: right;
+  padding: 0;
+
+  & > .btn,
+  & > .dropdown > .dropdown-toggle {
+    font-size: 15px;
+  }
+
+  &:not(.big) {
+    white-space: nowrap;
+  }
+
+  &.big {
+    height: 35px;
+
+    & > button:first-child {
+      width: 175px;
+    }
+
+    button .extra-text {
+      span:first-child {
+        line-height: 80%;
+      }
+    
+      span:not(:first-child) {
+        font-size: 75%;
+      }
+    }
+  }
+
+  // Unlogged
+  & > .dropdown > .dropdown-toggle span {
+    padding-right: 3px;
+  }
+
+  // Logged
+  & > .btn {
+    padding-right: 4px;
+
+    & + .dropdown > button {
+      padding-left: 2px;
+
+      &::after {
+        position: relative;
+        top: 1px;
+      }
+    }
+  }
+
+  &.subscribe-button {
+    .btn {
+      @include orange-button;
+      font-weight: 600;
+    }
+
+    span.followers-count {
+      padding-left: 5px;
+    }
+  }
+  &.unsubscribe-button {
+    .btn {
+      @include grey-button;
+      font-weight: 600;
+    }
+  }
+
+  .dropdown-menu {
+    cursor: default;
+
+    button {
+      cursor: pointer;
+    }
+
+    .dropdown-item-neutral {
+      cursor: default;
+
+      &:hover,
+      &:focus {
+        background-color: inherit;
+      }
+    }
+  }
+
+  ::ng-deep form {
+    padding: 0.25rem 1rem;
+  }
+
+  input {
+    @include peertube-input-text(100%);
+  }
+}
+
+.extra-text {
+  display: flex;
+  flex-direction: column;
+
+  span:first-child {
+    line-height: 75%;
+  }
+
+  span:not(:first-child) {
+    font-size: 60%;
+    text-align: left;
+  }
+}
-- 
cgit v1.2.3