(wip): Referrals console - hide messenger button on mobile

src/app/modules/wallet/tokens/referrals/dashboard/dashboard.component.html

@@ -55,6 +55,9 @@
  <div class="m-referrals-dashboard__joinMessageButton">
  <m-messenger--channel-button [user]="referral.prospect"></m-messenger--channel-button>
  </div>
+ <div class="m-referrals-dashboard__joinPendingIcon">
+ <i class="material-icons">timelapse</i>
+ </div>
  </ng-template>
  </div>
  </ng-container>

src/app/modules/wallet/tokens/referrals/dashboard/dashboard.component.scss

@@ -148,6 +148,17 @@
  }
  }
 
+ .m-referrals-dashboard__joinPendingIcon {
+ display: none;
+ margin-left: 12px;
+ > i {
+ @include m-theme(){
+ color: themed($m-grey-200);
+ }
+ }
+ }
+ 
+
  @media screen and (max-width: 910px) {
  .m-referrals-dashboard__row.m-referrals-dashboard__headerRow {
  span {
@@ -181,4 +192,16 @@
  max-width: 75px;
  }
  }
+
+ // replace message button with a pending icon in the 'wallet signup' column for mobile users
+ @media only screen and (max-width: $max-mobile) {
+ .m-referrals-dashboard__joinMessageButton {
+ display: none !important;
+ }
+ .m-referrals-dashboard__joinPendingIcon {
+ display: flex;
+ }
+ }
 } 
+
+