fix(css): grow class only for child

andes · Jan 8, 2020 · d9f5b0f · d9f5b0f
1 parent 9344aff
commit d9f5b0f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/demo/app/home/home.html b/src/demo/app/home/home.html
@@ -108,7 +108,7 @@
             </plex-button>
         </form>
         <div class="grow">
-            <plex-text [(ngModel)]="field"></plex-text>
+            <plex-text [(ngModel)]="field" prefix="<i class='mdi mdi-barcode'></i>"></plex-text>
             <plex-button type="success">HOLA</plex-button>
         </div>
     </plex-layout-sidebar>

diff --git a/src/lib/app/app.component.ts b/src/lib/app/app.component.ts
@@ -20,7 +20,7 @@ import { Plex } from './../core/service';
                     </div>
                     <div class="actions">
                         <!--App Status-->
-                        <div class="action">
+                        <div class="action hidden-md-down">
                             <i *ngIf="online" class="mdi mdi-cloud"></i>
                             <i *ngIf="!online" class="mdi mdi-cloud-off-outline text-danger"></i>
                             <div class="popover popover-bottom">
@@ -36,7 +36,7 @@ import { Plex } from './../core/service';
                                 </div>
                             </div>
                         </div>
-                        <div *ngIf="plex.userInfo" class="userinfo">
+                        <div *ngIf="plex.userInfo" class="userinfo hidden-md-down">
                             <div>
                                 <span>{{plex.userInfo.usuario.nombreCompleto}}</span><br><span *ngIf="plex.userInfo.organizacion">{{plex.userInfo.organizacion.nombre}}</span>
                             </div>

diff --git a/src/lib/css/layout.scss b/src/lib/css/layout.scss
@@ -83,7 +83,7 @@ plex-layout {
 .grow {
     display: flex;
 
-    :first-child {
+    > :first-child {
         flex-grow: 1;
     }