chore(admin-ui): make popover/sm shadow and surface tint token-only

This commit is contained in:
萝卜
2026-03-16 03:06:32 +08:00
parent e48195fe4a
commit b9f59fa442
2 changed files with 38 additions and 4 deletions

View File

@@ -24,7 +24,7 @@
border-radius:var(--adm-radius, 12px); border-radius:var(--adm-radius, 12px);
padding:12px 12px; padding:12px 12px;
color:var(--adm-text, #0f172a); color:var(--adm-text, #0f172a);
box-shadow:var(--adm-shadow-popover, 0 12px 30px rgba(15, 23, 42, .12)); box-shadow:var(--adm-shadow-popover);
display:flex; display:flex;
align-items:flex-start; align-items:flex-start;
justify-content:space-between; justify-content:space-between;
@@ -167,7 +167,7 @@
background:var(--adm-bg-container, #ffffff); background:var(--adm-bg-container, #ffffff);
color:var(--adm-text, #0f172a); color:var(--adm-text, #0f172a);
text-decoration:none; text-decoration:none;
box-shadow:var(--adm-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06)); box-shadow:var(--adm-shadow-sm);
} }
.adm-page-ellipsis{ .adm-page-ellipsis{
@@ -250,7 +250,7 @@
.list-card-table .table-empty{ .list-card-table .table-empty{
padding:24px 12px; padding:24px 12px;
text-align:center; text-align:center;
background:var(--adm-surface-tint, rgba(15, 23, 42, .02)); background:var(--adm-surface-tint);
} }
/* 可复用PageHeader参考 Ant Design Pro标题区 + 描述 + 右侧操作区) */ /* 可复用PageHeader参考 Ant Design Pro标题区 + 描述 + 右侧操作区) */
@@ -549,7 +549,7 @@
border:1px solid var(--adm-border-color, #e5e7eb); border:1px solid var(--adm-border-color, #e5e7eb);
border-radius:var(--adm-radius, 12px); border-radius:var(--adm-radius, 12px);
padding:10px; padding:10px;
box-shadow:var(--adm-shadow-popover, 0 12px 30px rgba(15, 23, 42, .12)); box-shadow:var(--adm-shadow-popover);
z-index:100; z-index:100;
} }

View File

@@ -0,0 +1,34 @@
<?php
namespace Tests\Feature;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
class AdminComponentsCssShouldUseTokenOnlyForShadowAndSurfaceTintTest extends TestCase
{
use RefreshDatabase;
protected function loginAsPlatformAdmin(): void
{
$this->seed();
$this->post('/admin/login', [
'email' => 'platform.admin@demo.local',
'password' => 'Platform@123456',
])->assertRedirect('/admin');
}
public function test_admin_components_css_should_use_token_only_for_shadow_and_surface_tint(): void
{
$this->loginAsPlatformAdmin();
$css = file_get_contents(public_path('css/admin-components.css'));
$this->assertIsString($css);
// 护栏popover/sm 阴影与 surface tint 应“token-only”避免回退时把 rgba(...) fallback 再带回来污染扫描护栏。
$this->assertStringNotContainsString('var(--adm-shadow-popover,', $css);
$this->assertStringNotContainsString('var(--adm-shadow-sm,', $css);
$this->assertStringNotContainsString('var(--adm-surface-tint,', $css);
}
}