Fixed layout bounds

markieo1 · Dec 13, 2017 · bc71b31 · bc71b31
1 parent 5a7896a
commit bc71b31
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/groups/groups.component.html b/src/app/groups/groups.component.html
@@ -1,10 +1,10 @@
 <div fxLayout="column" class="mdc-padding" fxFill>
   <div fxLayout="row" fxFill>
-    <div fxFlex fxFill fxFlex.gt-sm="33" fxHide fxShow.gt-sm="true" [fxShow.xs]="!isDisplayingDetail">
+    <div fxFlex fxFill fxFlex.gt-sm="33" fxHide fxShow.gt-sm="true" [fxShow.lt-md]="!isDisplayingDetail">
       <app-groups-list></app-groups-list>
     </div>
     <div fxFlex="1"></div>
-    <div fxFlex [fxShow.xs]="isDisplayingDetail" fxShow.gt-sm="true" class="detail">
+    <div fxFlex fxHide [fxShow.lt-md]="isDisplayingDetail" fxShow.gt-sm="true" class="detail">
       <router-outlet></router-outlet>
     </div>
   </div>

diff --git a/src/app/users/users.component.html b/src/app/users/users.component.html
@@ -1,10 +1,10 @@
 <div fxLayout="column" class="mdc-padding" fxFill>
   <div fxLayout="row" fxFill>
-    <div fxFlex fxFill fxFlex.gt-sm="33" fxHide fxShow.gt-sm="true" [fxShow.xs]="!isDisplayingDetail">
+    <div fxFlex fxFill fxFlex.gt-sm="33" fxHide fxShow.gt-sm="true" [fxShow.lt-md]="!isDisplayingDetail">
       <app-users-list></app-users-list>
     </div>
     <div fxFlex="1"></div>
-    <div fxFlex [fxShow.xs]="isDisplayingDetail" fxShow.gt-sm="true">
+    <div fxFlex fxHide [fxShow.lt-md]="isDisplayingDetail" fxShow.gt-sm="true">
       <router-outlet></router-outlet>
     </div>
   </div>