Merge pull request #687 from dxc-technology/icon-table

marcialfps · web-flow · commit 75c6c51b0a80 · 2022-02-17T08:18:25.000Z
[Patch] Center icon isSortable in resultset table
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-resultable/components/dxc-header-row/dxc-header-row-component.scss b/projects/dxc-ngx-cdk/src/lib/dxc-resultable/components/dxc-header-row/dxc-header-row-component.scss
@@ -1,7 +1,12 @@
 .isSortable {
+  display: inline-flex;
   cursor: pointer;
   width: fit-content;
   svg {
     fill: var(--table-headerFontColor);
   }
+  span {
+    display: inline-flex;
+    align-items: center;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,12 @@`
`1`	`1`	`.isSortable {`
	`2`	`+ display: inline-flex;`
`2`	`3`	`cursor: pointer;`
`3`	`4`	`width: fit-content;`
`4`	`5`	`svg {`
`5`	`6`	`fill: var(--table-headerFontColor);`
`6`	`7`	`}`
	`8`	`+ span {`
	`9`	`+ display: inline-flex;`
	`10`	`+ align-items: center;`
	`11`	`+ }`
`7`	`12`	`}`