admin-components: normalize platform orders css formatting (maintainable)
This commit is contained in:
@@ -92,22 +92,62 @@
|
||||
}
|
||||
|
||||
/* 平台订单列表:精简视图(默认隐藏部分列,避免列表过长) */
|
||||
.platform-orders-table .col-optional{display:none;}
|
||||
.platform-orders-table.is-full .col-optional{display:table-cell;}
|
||||
.platform-orders-table .col-optional{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.platform-orders-table.is-full .col-optional{
|
||||
display:table-cell;
|
||||
}
|
||||
|
||||
/* 平台订单列表(精简视图):进一步收敛信息密度 */
|
||||
.platform-orders-table.is-compact td{padding-top:8px;padding-bottom:8px;}
|
||||
.platform-orders-table.is-compact .muted-xs{font-size:12px;}
|
||||
.platform-orders-table.is-compact td{
|
||||
padding-top:8px;
|
||||
padding-bottom:8px;
|
||||
}
|
||||
|
||||
.platform-orders-table.is-compact .muted-xs{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
/* 平台订单列表:二行辅助信息(例如 线索/订阅ID) */
|
||||
.platform-orders-table .row-meta{margin-top:2px;}
|
||||
.platform-orders-table .row-meta{
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
/* 平台订单列表:行内治理提示(精简视图主要入口) */
|
||||
.platform-orders-table .row-warn{margin-top:4px;padding:4px 6px;border-left:3px solid #e06b67;background:#fff9f9;border-radius:4px;}
|
||||
.platform-orders-table .row-warn a.link{color:#b52b27;text-decoration:underline;}
|
||||
.platform-orders-table .row-warn a.link:hover{text-decoration:none;}
|
||||
.platform-orders-table .row-warn-prefix{font-weight:600;display:inline-block;padding:1px 6px;border-radius:10px;background:#ffecec;color:#b52b27;margin-right:4px;}
|
||||
.platform-orders-table .row-warn{
|
||||
margin-top:4px;
|
||||
padding:4px 6px;
|
||||
border-left:3px solid #e06b67;
|
||||
background:#fff9f9;
|
||||
border-radius:4px;
|
||||
}
|
||||
|
||||
.platform-orders-table .row-warn a.link{
|
||||
color:#b52b27;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
.platform-orders-table .row-warn a.link:hover{
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.platform-orders-table .row-warn-prefix{
|
||||
font-weight:600;
|
||||
display:inline-block;
|
||||
padding:1px 6px;
|
||||
border-radius:10px;
|
||||
background:#ffecec;
|
||||
color:#b52b27;
|
||||
margin-right:4px;
|
||||
}
|
||||
|
||||
/* 平台订单列表:精简视图也要可达的治理提示(对账/退款不一致) */
|
||||
.platform-orders-table .governance-hints{margin-bottom:6px;}
|
||||
.platform-orders-table .governance-hint{line-height:1.4;}
|
||||
.platform-orders-table .governance-hints{
|
||||
margin-bottom:6px;
|
||||
}
|
||||
|
||||
.platform-orders-table .governance-hint{
|
||||
line-height:1.4;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
|
||||
namespace Tests\Feature;
|
||||
|
||||
use Illuminate\Foundation\Testing\RefreshDatabase;
|
||||
use Tests\TestCase;
|
||||
|
||||
class AdminComponentsCssPlatformOrdersFormattingTest 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_contains_platform_orders_blocks_with_braced_formatting(): void
|
||||
{
|
||||
$this->loginAsPlatformAdmin();
|
||||
|
||||
$css = file_get_contents(public_path('css/admin-components.css'));
|
||||
$this->assertIsString($css);
|
||||
|
||||
// 轻量格式存在性断言:平台订单列表相关 selector 应使用多行块格式,便于长期维护
|
||||
$this->assertStringContainsString(".platform-orders-table .col-optional{\n", $css);
|
||||
$this->assertStringContainsString(".platform-orders-table.is-full .col-optional{\n", $css);
|
||||
$this->assertStringContainsString(".platform-orders-table .row-warn{\n", $css);
|
||||
$this->assertStringContainsString(".platform-orders-table .row-warn-prefix{\n", $css);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user