feat: handle justify-content for <DataTableAction /> and remove margi…

…n-right for <Tag /> (#21) * feat: add css var to hanel justify content and remove margin-right for <Tag /> * fix: less autofix --------- Co-authored-by: Luca Tagliabue <[email protected]>
radicalbit · Nov 18, 2024 · bfe9c21 · bfe9c21
1 parent 459e0c2
commit bfe9c21
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/lib/components/data-table/DataTableAction.tsx b/src/lib/components/data-table/DataTableAction.tsx
@@ -3,6 +3,7 @@ import classNames from 'classnames';
 const DataTableAction = ({
   children,
   noHide,
+  ...other
 }: {
     children: React.ReactNode;
     noHide?: string;
@@ -21,6 +22,7 @@ const DataTableAction = ({
       role="presentation"
       className={`l-data-table__action ${css}`}
       onClick={handleOnClick}
+      {...other}
     >
       {children}
     </div>

diff --git a/src/lib/components/data-table/_styles.less b/src/lib/components/data-table/_styles.less
@@ -26,7 +26,7 @@
 		gap: 1rem;
 		display: flex;
 		flex-direction: row;
-		justify-content: flex-end;
+		justify-content: var(--data-table-action-justify-content, flex-end);
 
 		&--noHide {
 			opacity: 1;

diff --git a/src/lib/components/tag/_styles.less b/src/lib/components/tag/_styles.less
@@ -14,6 +14,7 @@
 	height: 1rem;
 	padding: 0 .5rem;
 	width: fit-content;
+	margin: 0;
 
 	&:hover {
 		opacity: 1;