fix(css): spacing issue in table

Signed-off-by: Luka Trovic <luka@nextcloud.com>
nextcloud · Jul 29, 2024 · 6a8eef4 · 6a8eef4
1 parent 5fc8a93
commit 6a8eef4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/src/css/prosemirror.scss b/src/css/prosemirror.scss
@@ -6,7 +6,7 @@
 @use 'sass:selector';
 
 /**
- * 
+ *
  */
 div.ProseMirror {
 	height: 100%;
@@ -337,12 +337,13 @@ div.ProseMirror {
 			border-left: 0;
 			vertical-align: top;
 			max-width: 100%;
+			line-height: var(--default-clickable-area);
 			&:first-child {
 				border-left: 1px solid var(--table-color-border);
 			}
 		}
 		td {
-			padding: 0.5em 0.75em;
+			padding: 0 0 0 0.75em;
 			border-top: 0;
 			color: var(--color-main-text);
 		}

diff --git a/src/nodes/Table/TableCellView.vue b/src/nodes/Table/TableCellView.vue
@@ -113,13 +113,11 @@ td {
 	.container {
 		display: flex;
 		flex-wrap: wrap;
-		min-height: 36px;
 	}
 
 	.content {
 		flex: 1 1 0;
 		margin: 0;
-		padding-top: 0.6em;
 	}
 
 	.action-item {

diff --git a/src/nodes/Table/TableHeaderView.vue b/src/nodes/Table/TableHeaderView.vue
@@ -184,7 +184,6 @@ th {
 
 	.content {
 		margin: 0;
-		padding-top: 0.75em;
 		flex-grow: 1;
 	}
 	.action-item {