chore(admin-ui): tokenise governance blocks and warn hints
This commit is contained in:
@@ -71,8 +71,8 @@
|
|||||||
/* 平台订单:退款状态治理区块 */
|
/* 平台订单:退款状态治理区块 */
|
||||||
.refund-governance-block{
|
.refund-governance-block{
|
||||||
margin-top:12px;
|
margin-top:12px;
|
||||||
border:1px dashed #fda29b;
|
border:1px dashed var(--adm-error-border-strong, rgba(239, 68, 68, .45));
|
||||||
background:#fff1f3;
|
background:var(--adm-error-bg, #fef2f2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.refund-governance-title{
|
.refund-governance-title{
|
||||||
@@ -87,8 +87,8 @@
|
|||||||
.governance-block{
|
.governance-block{
|
||||||
margin-top:10px;
|
margin-top:10px;
|
||||||
width:100%;
|
width:100%;
|
||||||
border:1px solid #f5c2c7;
|
border:1px solid var(--adm-error-border-soft, rgba(239, 68, 68, .25));
|
||||||
background:#fff5f5;
|
background:var(--adm-error-bg, #fef2f2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.governance-block-title{
|
.governance-block-title{
|
||||||
@@ -295,13 +295,13 @@
|
|||||||
.platform-orders-table .row-warn{
|
.platform-orders-table .row-warn{
|
||||||
margin-top:4px;
|
margin-top:4px;
|
||||||
padding:4px 6px;
|
padding:4px 6px;
|
||||||
border-left:3px solid #e06b67;
|
border-left:3px solid var(--adm-error, #ef4444);
|
||||||
background:#fff9f9;
|
background:var(--adm-error-bg, #fef2f2);
|
||||||
border-radius:4px;
|
border-radius:4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.platform-orders-table .row-warn a.link{
|
.platform-orders-table .row-warn a.link{
|
||||||
color:#b52b27;
|
color:var(--adm-error, #ef4444);
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -314,8 +314,8 @@
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
padding:1px 6px;
|
padding:1px 6px;
|
||||||
border-radius:10px;
|
border-radius:10px;
|
||||||
background:#ffecec;
|
background:var(--adm-error-tint, rgba(239, 68, 68, .12));
|
||||||
color:#b52b27;
|
color:var(--adm-error, #ef4444);
|
||||||
margin-right:4px;
|
margin-right:4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -48,4 +48,10 @@
|
|||||||
--adm-success-bg: #f0fdf4;
|
--adm-success-bg: #f0fdf4;
|
||||||
--adm-warning-bg: #fffbeb;
|
--adm-warning-bg: #fffbeb;
|
||||||
--adm-error-bg: #fef2f2;
|
--adm-error-bg: #fef2f2;
|
||||||
|
|
||||||
|
/* 状态色衍生(用于治理提示块/弱提示/标签等) */
|
||||||
|
--adm-error-border-soft: rgba(239, 68, 68, .25);
|
||||||
|
--adm-error-border-strong: rgba(239, 68, 68, .45);
|
||||||
|
--adm-error-tint: rgba(239, 68, 68, .12);
|
||||||
|
--adm-error-tint-strong: rgba(239, 68, 68, .18);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,40 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Tests\Feature;
|
||||||
|
|
||||||
|
use Illuminate\Foundation\Testing\RefreshDatabase;
|
||||||
|
use Tests\TestCase;
|
||||||
|
|
||||||
|
class AdminComponentsCssGovernanceBlocksShouldUseThemeTokensTest 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_governance_blocks_should_use_theme_tokens(): void
|
||||||
|
{
|
||||||
|
$this->loginAsPlatformAdmin();
|
||||||
|
|
||||||
|
$css = file_get_contents(public_path('css/admin-components.css'));
|
||||||
|
$this->assertIsString($css);
|
||||||
|
|
||||||
|
// 治理提示块必须用主题 token,避免硬编码色值导致整体风格难以统一。
|
||||||
|
$this->assertStringContainsString('.governance-block{', $css);
|
||||||
|
$this->assertStringContainsString('border:1px solid var(--adm-error-border-soft', $css);
|
||||||
|
$this->assertStringContainsString('background:var(--adm-error-bg', $css);
|
||||||
|
|
||||||
|
// 列表行内治理提示(row-warn)也必须用 token。
|
||||||
|
$this->assertStringContainsString('.platform-orders-table .row-warn{', $css);
|
||||||
|
$this->assertStringContainsString('border-left:3px solid var(--adm-error', $css);
|
||||||
|
$this->assertStringContainsString('.platform-orders-table .row-warn-prefix{', $css);
|
||||||
|
$this->assertStringContainsString('background:var(--adm-error-tint', $css);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user