fix: [hidden] must beat display:flex so archive/settings panels collapse
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BCrwHHnGCB5XH968Nxokqw
This commit is contained in:
@@ -37,6 +37,7 @@ main{position:relative;z-index:1;max-width:880px;width:100%;margin:0 auto;paddin
|
||||
.panel>button.head{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;padding:18px 22px;cursor:pointer;text-align:left;color:var(--washi)}
|
||||
.panel .head .jp{font-family:'Shippori Mincho',serif;font-size:16px}.panel .head .meta{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.15em;color:var(--nibi)}.panel .head .chev{margin-left:auto;font-family:'Space Mono',monospace;font-size:11px;color:var(--nibi)}
|
||||
.panel .body{border-top:1px solid var(--hair);padding:18px 22px;display:flex;flex-direction:column;gap:10px}
|
||||
[hidden]{display:none!important}
|
||||
.addform{margin-bottom:52px;border:1px dashed var(--hair-2);border-radius:14px;background:rgba(17,21,46,.7);padding:22px}
|
||||
.label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.3em;color:var(--kasumi);margin-bottom:16px}
|
||||
.row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
|
||||
|
||||
@@ -96,6 +96,15 @@ class InboxPageTest extends TestCase
|
||||
$this->assertStringNotContainsString('class="counter"', $html);
|
||||
}
|
||||
|
||||
public function test_hidden_attribute_beats_flex_display_rules(): void
|
||||
{
|
||||
// .panel .body{display:flex} иначе перебивает браузерное [hidden]{display:none},
|
||||
// и свёрнутые панели архива/настроек показываются всегда.
|
||||
$html = $this->get('/', ['X-Remote-User' => 'nikita'])->assertOk()->getContent();
|
||||
$this->assertStringContainsString('[hidden]{display:none!important}', $html);
|
||||
$this->assertStringContainsString('<div class="body" hidden', $html);
|
||||
}
|
||||
|
||||
public function test_unsafe_deep_link_is_not_rendered_as_href(): void
|
||||
{
|
||||
$this->get('/', ['X-Remote-User' => 'nikita']);
|
||||
|
||||
Reference in New Issue
Block a user