From 83feb8ce24569007aeb2b0a194519b2943dbe4fb Mon Sep 17 00:00:00 2001
From: zzj3720 <17165520+zzj3720@users.noreply.github.com>
Date: Thu, 22 May 2025 08:58:57 +0000
Subject: [PATCH] fix(editor): opacity does not work (#12402)

fix: BS-3484

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **Style**
  - Improved visibility of certain table row headers by ensuring their opacity cannot be unintentionally overridden by other styles.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../view-presets/table/pc-virtual/row/row-header-css.ts    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/blocksuite/affine/data-view/src/view-presets/table/pc-virtual/row/row-header-css.ts b/blocksuite/affine/data-view/src/view-presets/table/pc-virtual/row/row-header-css.ts
index 6f7d69dfd..54c5ff2f7 100644
--- a/blocksuite/affine/data-view/src/view-presets/table/pc-virtual/row/row-header-css.ts
+++ b/blocksuite/affine/data-view/src/view-presets/table/pc-virtual/row/row-header-css.ts
@@ -39,6 +39,9 @@ export const dragHandlerIndicator = css({
   backgroundColor: 'var(--affine-placeholder-color)',
 });
 
+export const show = css({
+  opacity: '1 !important',
+});
 export const rowSelectCheckbox = css({
   display: 'flex',
   alignItems: 'center',
@@ -47,7 +50,3 @@ export const rowSelectCheckbox = css({
   fontSize: '20px',
   color: cssVarV2.icon.primary,
 });
-
-export const show = css({
-  opacity: 1,
-});