Merge pull request #613 from Neovici/feat/adjust-mini-styles

feat(mini): adjust styles
Neovici · May 28, 2024 · 594c07a · 594c07a
2 parents a4c3dc2 + e9a39f5
commit 594c07a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/cosmoz-omnitable-styles.js b/cosmoz-omnitable-styles.js
@@ -536,13 +536,15 @@ export default css`
 	.itemRow-minis {
 		display: flex;
 		justify-content: space-between;
-		margin: 0 8px 8px 8px;
+		margin: 14px 12px 12px 12px;
+		color: var(--cosmoz-omnitable-mini-color, #000);
 	}
 
 	:host([mini]) .itemRow {
-		border-radius: 8px;
+		border-radius: 12px;
 		border: 1px solid var(--cosmoz-omnitable-border-color, #e1e2e5);
 		margin: 4px 8px;
+		padding-top: 2px;
 	}
 	:host([mini]) .itemRow:not([selected]) {
 		background: var(--cosmoz-omnitable-mini-item-background, #fdfdfd);

diff --git a/lib/use-list.js b/lib/use-list.js
@@ -27,7 +27,10 @@ const renderMinis = (item) => (columns) =>
 			<div class="itemRow-minis" part="item-minis">
 				${columns.map(
 					(column) =>
-						html`<div class="itemRow-mini" part="item-mini">
+						html`<div
+							class="itemRow-mini"
+							part="item-mini item-mini-${column.name}"
+						>
 							${(column.renderMini ?? column.renderCell)(column, { item })}
 						</div>`,
 				)}