From 75f4eef769d14c0caead5ae955dd48e82e55f280 Mon Sep 17 00:00:00 2001
From: samunohito <46447427+samunohito@users.noreply.github.com>
Date: Mon, 15 Jul 2024 17:31:34 +0900
Subject: [PATCH] tweak css

---
 .../frontend/src/components/grid/MkGrid.vue   | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/components/grid/MkGrid.vue b/packages/frontend/src/components/grid/MkGrid.vue
index be655c0697..ddebfd0454 100644
--- a/packages/frontend/src/components/grid/MkGrid.vue
+++ b/packages/frontend/src/components/grid/MkGrid.vue
@@ -34,6 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:setting="rowSetting"
 			:bus="bus"
 			:using="row.using"
+			:class="[lastLine === row.index ? 'last_row' : '']"
 			@operation:beginEdit="onCellEditBegin"
 			@operation:endEdit="onCellEditEnd"
 			@change:value="onChangeCellValue"
@@ -1273,6 +1274,8 @@ onMounted(() => {
 .grid {
 	font-size: 90%;
 	overflow-x: scroll;
+	// firefoxだとスクロールバーがセルに重なって見づらくなってしまうのでスペースを空けておく
+	padding-bottom: 8px;
 }
 </style>
 
@@ -1315,21 +1318,21 @@ $borderRadius: var(--radius);
 					border-right: $borderSetting;
 				}
 			}
+		}
 
-			&:last-child {
-				.mk_grid_td, .mk_grid_th {
-					// 一番下の行
-					border-bottom: $borderSetting;
+		.last_row {
+			.mk_grid_td, .mk_grid_th {
+				// 一番下の行
+				border-bottom: $borderSetting;
 
-					&:first-child {
-						// 左下セル
-						border-bottom-left-radius: $borderRadius;
-					}
+				&:first-child {
+					// 左下セル
+					border-bottom-left-radius: $borderRadius;
+				}
 
-					&:last-child {
-						// 右下セル
-						border-bottom-right-radius: $borderRadius;
-					}
+				&:last-child {
+					// 右下セル
+					border-bottom-right-radius: $borderRadius;
 				}
 			}
 		}