Merge pull request #18 from fleetbase/styling-updates

small styling updates for tag input component, and added param to adj…

addon/components/table.hbs

@@ -6,7 +6,7 @@
                 rows=@rows 
                 pagination=@pagination
                 body=(component "table/body" selectable=@selectable rows=@rows columns=this.visibleColumns canExpand=@canExpand onRowClick=@onRowClick)
-                head=(component "table/head" canSelectAll=@canSelectAll canExpand=@canExpand rows=@rows columns=this.visibleColumns allRowsToggled=this.allRowsToggled selectAllRows=this.selectAllRows)
+                head=(component "table/head" canSelectAll=@canSelectAll canExpand=@canExpand rows=@rows columns=this.visibleColumns allRowsToggled=this.allRowsToggled selectAllRows=this.selectAllRows selectAllColumnWidth=@selectAllColumnWidth)
             )}}
             {{#if @insertPagination}}
                 <Table::Foot @tfootVerticalOffset={{@tfootVerticalOffset}} @tfootVerticalOffsetElements={{@tfootVerticalOffsetElements}}>
@@ -25,7 +25,7 @@
             <Table::Head @canSelectAll={{@canSelectAll}} @columns={{this.visibleColumns}}>
                 <Table::Row>
                     {{#if @canSelectAll}}
-                        <Table::Th @width={{40}} @resizable={{false}}>
+                        <Table::Th @width={{or @selectAllColumnWidth 40}} @resizable={{false}}>
                             <Table::Cell::Checkbox @value={{this.allRowsToggled}} @onToggle={{this.selectAllRows}} />
                         </Table::Th>
                     {{/if}}

addon/components/table/cell/base.hbs

@@ -1,9 +1,12 @@
-<div aria-label={{n-a @value}}>
+<div class="relative" aria-label={{n-a @value}}>
     <span class={{@column.cellClassNames}}>
         {{#if (has-block)}}
             {{yield}}
         {{else}}
             {{n-a @value}}
         {{/if}}
     </span>
+    {{#if @column.showOnlineIndicator}}
+        <FaIcon @icon="circle" class="absolute left-0 top-0 {{if (get @row (or @onlineColumn 'online')) "text-green-500" "text-yellow-200"}}" />
+    {{/if}}
 </div>

addon/styles/components/input.css

@@ -443,10 +443,13 @@ body[data-theme='dark'] .money-input-currency-selector .ember-basic-dropdown-con
     @apply border border-blue-900 bg-gray-900 py-1;
 }
 
+.emberTagInput.form-input,
 .emberTagInput {
     height: 39px;
     display: flex;
     flex-direction: row;
+    padding: 0.25rem 0.5rem;
+    line-height: 1rem;
 }
 
 .emberTagInput li.emberTagInput-new {
@@ -459,7 +462,8 @@ body[data-theme='dark'] .money-input-currency-selector .ember-basic-dropdown-con
     @apply text-sm;
     background-color: transparent;
     margin: 0;
-    padding: 0;
+    line-height: 1.25rem;
+    padding: 0.25rem;
 }
 
 .emberTagInput .emberTagInput-tag {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/ember-ui",
-    "version": "0.1.7",
+    "version": "0.1.8",
     "description": "Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.",
     "keywords": [
         "fleetbase-ui",