feat(data-grid): position grid sort icon near text (VIV-1958) (#1884)

Vonage · Aug 22, 2024 · b16ce63 · b16ce63
1 parent dabd18c
commit b16ce63
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 3 deletions.
diff --git a/libs/components/project.json b/libs/components/project.json
@@ -33,9 +33,11 @@
 				"watch": {
 					"commands": [
 						{
-							"command": "npx nx run components:build --watch"
+							"forwardAllArgs": false,
+							"command": "WATCH=true npx nx build components --watch"
 						},
 						{
+							"forwardAllArgs": false,
 							"command": "npx nx run styles:serve"
 						},
 						{

diff --git a/libs/components/src/lib/data-grid/data-grid-cell.scss b/libs/components/src/lib/data-grid/data-grid-cell.scss
@@ -72,7 +72,6 @@
 slot {
 	display: block;
 	overflow: hidden;
-	inline-size: 100%;
 	text-overflow: ellipsis;
 	white-space: var(
 		#{variables.$data-grid-cell-white-space},
@@ -81,5 +80,5 @@ slot {
 }
 
 .header-icon {
-	margin-inline-start: auto;
+	margin-inline-start: 16px;
 }
diff --git a/...st.ts-snapshots/snapshots-data-grid-sortable-headers-Desktop-Chromium-linux.png b/...st.ts-snapshots/snapshots-data-grid-sortable-headers-Desktop-Chromium-linux.png
diff --git a/...est.ts-snapshots/snapshots-data-grid-sortable-headers-Desktop-Firefox-linux.png b/...est.ts-snapshots/snapshots-data-grid-sortable-headers-Desktop-Firefox-linux.png
diff --git a/...test.ts-snapshots/snapshots-data-grid-sortable-headers-Desktop-Safari-linux.png b/...test.ts-snapshots/snapshots-data-grid-sortable-headers-Desktop-Safari-linux.png