(feat) styling for subscribe button

bda7eb6c · Juan Manuel Solaro · a1a65be8 · bda7eb6c · bda7eb6c
Commit bda7eb6c authored 26 minutes ago by Juan Manuel Solaro
Hide whitespace changes
Inline Side-by-side

Showing with 18 additions and 4 deletions

channel.component.html src/app/modules/pro/channel/channel.component.html +1 -1

channel.component.scss src/app/modules/pro/channel/channel.component.scss +17 -3

No files found.
--- a/src/app/modules/pro/channel/channel.component.html
+++ b/src/app/modules/pro/channel/channel.component.html
@@ -65,7 +65,7 @@
 i18n 
 >Donate</a> 
 
- <button class="m-btn" (click)="subscribe($event)" [disabled]="channel.subscribed" [hidden]="currentUser && (channel.guid === currentUser.guid)">  
+ <button class="m-proChannelTopbar_subscribe" (click)="subscribe($event)" [disabled]="channel.subscribed" [hidden]="currentUser && (channel.guid === currentUser.guid)">  
 {{ !channel.subscribed ? 'Subscribe' : 'Subscribed' }} 
 <span>  
 {{ channel.subscribers_count | abbr:0 }}  

--- a/src/app/modules/pro/channel/channel.component.scss
+++ b/src/app/modules/pro/channel/channel.component.scss
@@ -136,10 +136,24 @@ m-pro--channel {
 } 
 } 
 
- .m-btn { 
+ .m-proChannelTopbar_subscribe { 
+ font-size: 12px; 
+ letter-spacing: 1.25px; 
+ box-shadow: none; 
+ text-transform: uppercase; 
+ padding: 8px 16px; 
 padding-left: 16px; 
- color: var(--text-color) !important; 
- border: 1px solid var(--text-color) !important; 
+ font-family: 'Roboto', Helvetica, sans-serif; 
+ cursor: pointer; 
+ color: var(--text-color); 
+ border: none; 
+ background-color: var(--plain-background-color); 
+ border-radius: 4px; 
+ height: 36px; 
+ 
+ span { 
+ margin-left: 4px; 
+ } 
 } 
 
 .m-btn:disabled {