(fix): resolved #1060 - Navigate to group conversations missing on in mobile web

src/app/modules/groups/profile/profile.component.scss

+@import "defaults";
+
 .m-group__grid {
  display: flex;
  flex-direction: row;
@@ -23,15 +25,25 @@
  }
 
  .m-groupGrid__toggleBtn {
+ display: block;
+ z-index: 99;
+ cursor: pointer;
+ position: fixed;
+ right: 65px;
+ top: 55px;
+ @media screen and (max-width: $min-desktop) {
+ right: 8px;
+ top: 106px;
+ }
+ i {
+ font-size: 32px;
+ }
  .material-icons {
  @include m-theme(){
  text-shadow: 0px 0px 1px themed($m-white), 0px 0px 1px themed($m-white);
  color: themed($m-grey-400);
  }
  }
- @media screen and (max-width: 900px) {
- right: 8px !important;
- }
  }
 }
 

src/app/modules/groups/profile/profile.html

@@ -253,23 +253,10 @@
  </div> <!-- End Feeds -->
  </div> <!-- END LEFT BLOCK -->
 
- <div class="m-groupGrid__toggleBtn" style="
- /* left: 0; */
- position: fixed;
- top: 55px;
- right: 65px;
- display: block;
- z-index: 99;
- cursor: pointer;
- "
- (click)="toggleConversations()">
- <i class="material-icons" style="
- font-size: 32px;
- " *ngIf="showRight">keyboard_arrow_right</i>
- <i class="material-icons" style="
- font-size: 32px;
- " *ngIf="!showRight">keyboard_arrow_left</i>
- </div>
+ <div class="m-groupGrid__toggleBtn" (click)="toggleConversations()">
+ <i class="material-icons" *ngIf="showRight">keyboard_arrow_right</i>
+ <i class="material-icons" *ngIf="!showRight">keyboard_arrow_left</i>
+ </div>
 
  <div class="m-groupGrid__right" [hidden]="!showRight">
  <!-- Conversation filter -->