style(styling): fix some styles issues raised after covalent package …

…updating; delete some unused co
plastikaweb · Mar 15, 2017 · 4bc05c3 · 4bc05c3
1 parent 52f401f
commit 4bc05c3
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 25 deletions.
diff --git a/src/app/geo-header/geo-header.component.html b/src/app/geo-header/geo-header.component.html
@@ -12,8 +12,7 @@
   </app-geolocator>
 </div>
 
-<app-radius-filter flex="60"
-                   flex="nogrow"
+<app-radius-filter flex="nogrow"
                    layout="row"
                    flex-gt-md="25"
                    flex-gt-xs="40"

diff --git a/src/app/geo-header/geo-header.component.scss b/src/app/geo-header/geo-header.component.scss
diff --git a/src/app/geo-header/geo-header.component.ts b/src/app/geo-header/geo-header.component.ts
@@ -8,8 +8,7 @@ import { GeolocationService, GeocodeService } from '../geo/geo.module';
 
 @Component({
   selector: 'app-geo-header',
-  templateUrl: './geo-header.component.html',
-  styleUrls: [ './geo-header.component.scss' ]
+  templateUrl: './geo-header.component.html'
 })
 export class GeoHeaderComponent implements OnInit {
   geoAddress = '';

diff --git a/src/app/places/places.component.html b/src/app/places/places.component.html
@@ -5,7 +5,7 @@
   <!-- places list -->
   <md-toolbar td-sidenav-content>
     <div td-toolbar-content layout="row"
-         layout-align="start center" flex
+         layout-align="start center" flex="90"
          *ngIf="media.registerQuery('xs') | async">
       <md-icon md-list-icon class="tc-grey-600">center_focus_weak</md-icon>
       <span class="tc-grey-600 small">

diff --git a/src/app/shared/branding/branding.component.scss b/src/app/shared/branding/branding.component.scss
diff --git a/src/app/shared/branding/branding.component.ts b/src/app/shared/branding/branding.component.ts
@@ -2,8 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-branding',
-  templateUrl: './branding.component.html',
-  styleUrls: ['./branding.component.scss']
+  templateUrl: './branding.component.html'
 })
 export class BrandingComponent {
   brand = `Cercador d'AV | CONFAVC`;

diff --git a/src/styles.scss b/src/styles.scss
@@ -1,53 +1,46 @@
-// <main header> //
-md-toolbar-row {
-  > div[td-toolbar-content] {
-    width: 100%;
-  }
-}
-
+// <main toolbar header> //
 @media (max-width: 960px) {
   md-toolbar {
     &.mat-primary {
-      min-height: 70px;
+      min-height: 75px;
       md-toolbar-row {
-        height: 70px;
+        height: 75px;
       }
     }
     button.td-menu-button {
       display: none;
     }
   }
 }
-
 @media (max-width: 600px) {
   md-toolbar {
+    // text for toolbar list
+    // just visible on mobile screeners
     .small {
       font-size: 16px;
+      overflow-x: hidden;
+      text-overflow: ellipsis;
+      box-sizing: border-box;
     }
     &.mat-primary {
-      min-height: 105px;
-      padding-bottom: 5px;
+      min-height: 115px;
       md-toolbar-row {
-        height: 105px;
+        height: 115px;
       }
     }
   }
 }
 
-// </main header> //
-
 // <places list items> //
 a[md-list-item], .place-detail-box {
   opacity: 0;
   transform: translateX(-20px);
 }
-
 md-card-title > h3 {
   margin: 0;
 }
 
-// </places list items> //
-
+// <app-activity-indicator> //
 app-activity-indicator {
   height: 5px;
   z-index: 1;