usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tweak css

This commit is contained in:
samunohito 2024-07-15 17:31:34 +09:00
parent 151b6c7d93
commit 75f4eef769
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/frontend/src/components/grid/MkGrid.vue
View File

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