Hover expand table text

This commit is contained in:
Natsumi
2026-01-12 10:58:49 +13:00
parent 3bdc8df61f
commit ae724f7733
2 changed files with 14 additions and 6 deletions

View File

@@ -578,10 +578,6 @@ html.dark .x-friend-item > .detail > .extra,
.el-table .cell {
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
}
.el-table th.el-table__cell {
@@ -601,10 +597,22 @@ html.dark .x-friend-item > .detail > .extra,
background-color: var(--el-table-row-hover-bg-color) !important;
}
.el-table__row:hover .el-table__cell .cell {
.el-table .cell,
.data-table tr > td > span,
.data-table tr > td > div > span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
}
.el-table__row:hover .el-table__cell .cell,
.data-table tr:hover > td > span,
.data-table tr:hover > td > div > span {
display: revert;
-webkit-line-clamp: unset;
line-clamp: unset;
white-space: pre-line;
}
.el-tabs__content {

View File

@@ -1,5 +1,5 @@
<template>
<div class="flex flex-col">
<div class="flex flex-col data-table">
<div v-if="$slots.toolbar" class="mb-2">
<slot name="toolbar"></slot>
</div>