From 439aac10ba1627b0ff40fb270bf4fcfd57ce74f3 Mon Sep 17 00:00:00 2001
From: "Ronald A. Richardson" <me@ron.dev>
Date: Fri, 25 Aug 2023 18:09:00 +0800
Subject: [PATCH] small styling updates for tag input component, and added
 param to adjust select all checkbox on `<Table />` component

---
 addon/components/table.hbs           | 4 ++--
 addon/components/table/cell/base.hbs | 5 ++++-
 addon/styles/components/input.css    | 6 +++++-
 package.json                         | 2 +-
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/addon/components/table.hbs b/addon/components/table.hbs
index b7467f6..7dbf990 100644
--- a/addon/components/table.hbs
+++ b/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}}
diff --git a/addon/components/table/cell/base.hbs b/addon/components/table/cell/base.hbs
index 02332a2..4064004 100644
--- a/addon/components/table/cell/base.hbs
+++ b/addon/components/table/cell/base.hbs
@@ -1,4 +1,4 @@
-<div aria-label={{n-a @value}}>
+<div class="relative" aria-label={{n-a @value}}>
     <span class={{@column.cellClassNames}}>
         {{#if (has-block)}}
             {{yield}}
@@ -6,4 +6,7 @@
             {{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>
\ No newline at end of file
diff --git a/addon/styles/components/input.css b/addon/styles/components/input.css
index c9cc697..595713f 100644
--- a/addon/styles/components/input.css
+++ b/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 {
diff --git a/package.json b/package.json
index 1fdbee3..07dbf6d 100644
--- a/package.json
+++ b/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",