Commit ffcd4c49 authored by Mark Harding's avatar Mark Harding
Browse files

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

parent d1d7fbfd

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

+15 −3
Original line number Original line Diff line number Diff line 
@import "defaults";



.m-group__grid {

.m-group__grid {

  display: flex;

  display: flex;

  flex-direction: row;

  flex-direction: row;
@@ -23,15 +25,25 @@ 
  }

  }





  .m-groupGrid__toggleBtn {

  .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 {

    .material-icons {

      @include m-theme(){

      @include m-theme(){

        text-shadow: 0px 0px 1px themed($m-white), 0px 0px 1px themed($m-white);

        text-shadow: 0px 0px 1px themed($m-white), 0px 0px 1px themed($m-white);

        color: themed($m-grey-400);

        color: themed($m-grey-400);

      }

      }

    }

    }

    @media screen and (max-width: 900px) {

      right: 8px !important;

    }

  }

  }

}

}

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

+4 −17
Original line number Original line Diff line number Diff line
@@ -253,22 +253,9 @@ 
    </div> <!-- End Feeds -->

    </div> <!-- End Feeds -->

  </div> <!-- END LEFT BLOCK -->

  </div> <!-- END LEFT BLOCK -->





  <div class="m-groupGrid__toggleBtn" style="

  <div class="m-groupGrid__toggleBtn" (click)="toggleConversations()">

    /* left: 0; */

     <i class="material-icons" *ngIf="showRight">keyboard_arrow_right</i>

    position: fixed;

     <i class="material-icons" *ngIf="!showRight">keyboard_arrow_left</i>

    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>





  <div class="m-groupGrid__right" [hidden]="!showRight">

  <div class="m-groupGrid__right" [hidden]="!showRight">