fix up some css styling (#1551)

Azure · Aug 22, 2018 · c29fa0a · c29fa0a
1 parent d2c50b1
commit c29fa0a
Show file tree

Hide file tree

Showing 9 changed files with 41 additions and 7 deletions.
diff --git a/app/components/account/details/account-details.component.ts b/app/components/account/details/account-details.component.ts
@@ -30,6 +30,7 @@ export class AccountDetailsComponent implements OnInit, OnDestroy {
 
     public tableConfig: TableConfig = {
         resizableColumn: false,
+        hideHeader: true,
     };
 
     public account: AccountResource;

diff --git a/app/components/account/details/account-details.html b/app/components/account/details/account-details.html
@@ -53,7 +53,6 @@ <h2>Job status</h2>
                                     <div *blCellDef="let job">{{job.id}}</div>
                                 </bl-column>
                                 <bl-column name="state" [defaultWidth]="75">
-                                    <div *blHeadCellDef>State</div>
                                     <div *blCellDef="let job">{{job.state}}</div>
                                 </bl-column>
                             </bl-table>
@@ -83,7 +82,6 @@ <h2>Pool status</h2>
                                     <div *blCellDef="let pool">{{pool.id}}</div>
                                 </bl-column>
                                 <bl-column name="state" [defaultWidth]="30">
-                                    <div *blHeadCellDef>State</div>
                                     <div *blCellDef="let pool"><bl-pool-os-icon [pool]="pool"></bl-pool-os-icon></div>
                                 </bl-column>
                                 <bl-column name="nodes" [defaultWidth]="60">

diff --git a/app/components/account/details/account-details.scss b/app/components/account/details/account-details.scss
@@ -74,4 +74,8 @@ bl-account-details {
     .section-title {
         padding: 10px;
     }
+
+    bl-getting-started-card {
+        margin-bottom: 15px;
+    }
 }
diff --git a/app/components/account/home/account-home.component.ts b/app/components/account/home/account-home.component.ts
@@ -9,6 +9,8 @@ import { Set } from "immutable";
 import { distinctUntilChanged } from "rxjs/operators";
 import { BatchAccountCreateComponent } from "../action/add";
 
+import "./account-home.scss";
+
 @Component({
     selector: "bl-account-home",
     templateUrl: "account-home.html",

diff --git a/app/components/account/home/account-home.scss b/app/components/account/home/account-home.scss
@@ -0,0 +1,15 @@
+@import "app/styles/variables";
+
+bl-account-home {
+    display: block;
+    height: $contentview-height;
+    width: 100%;
+
+    .quicksearch {
+        margin: 0 10px;
+    }
+
+    .pre-quicksearch {
+        width: 200px;
+    }
+}
diff --git a/app/components/market/home/recent-template-list/recent-template-list.html b/app/components/market/home/recent-template-list/recent-template-list.html
@@ -12,6 +12,6 @@
         </bl-clickable>
     </div>
     <div *ngIf="recentSubmissions.length === 0" class="no-recent">
-        You haven't run any template recently.
+        You haven't run any templates recently.
     </div>
 </div>
diff --git a/app/styles/account/browse.scss b/app/styles/account/browse.scss
@@ -1,17 +1,26 @@
+
+@import "app/styles/variables";
+
 bl-account-home {
 }
 
 bl-account-list {
+    bl-quick-list-row-render:hover {
+        .fa-star {
+            color: $athensGrey;
+        }
+    }
+
     .fa-star {
         font-size: 2em;
-        color: #d5d5d5;
+        color: $alto;
 
         &:hover {
-            color: map-get($primary, 100);
+            color: map-get($primary, 100) !important;
         }
 
         &.favorite {
-            color: map-get($primary, 400);
+            color: map-get($primary, 400) !important;
         }
     }
 }
diff --git a/src/@batch-flask/ui/table/table.component.ts b/src/@batch-flask/ui/table/table.component.ts
@@ -53,6 +53,11 @@ export interface TableConfig extends AbstractListBaseConfig {
      * If the table should allow column to be resized. Default true.
      */
     resizableColumn?: boolean;
+
+    /**
+     * If the table should hide the header. Default false.
+     */
+    hideHeader?: boolean;
 }
 
 export const tableDefaultConfig = {

diff --git a/src/@batch-flask/ui/table/table.html b/src/@batch-flask/ui/table/table.html
@@ -1,4 +1,4 @@
-<div class="table-head" [class.no-scroll]="!showScrollShadow">
+<div *ngIf="!config.hideHeader" class="table-head" [class.no-scroll]="!showScrollShadow">
     <bl-thead [columns]="columnManager.columns"></bl-thead>
 </div>
 <div class="table-body">