From 80235dca3a73d72fa62ebaa2b9250e20cb218e97 Mon Sep 17 00:00:00 2001 From: Nikita Date: Fri, 4 Sep 2026 09:51:36 -0300 Subject: [PATCH] fix: [hidden] must beat display:flex so archive/settings panels collapse Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01BCrwHHnGCB5XH968Nxokqw --- core/resources/views/inbox.blade.php | 1 + core/tests/Feature/InboxPageTest.php | 9 +++++++++ 2 files changed, 10 insertions(+) diff --git a/core/resources/views/inbox.blade.php b/core/resources/views/inbox.blade.php index bb3e50d..e61ea7c 100644 --- a/core/resources/views/inbox.blade.php +++ b/core/resources/views/inbox.blade.php @@ -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} diff --git a/core/tests/Feature/InboxPageTest.php b/core/tests/Feature/InboxPageTest.php index 679c79e..26dee73 100644 --- a/core/tests/Feature/InboxPageTest.php +++ b/core/tests/Feature/InboxPageTest.php @@ -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('
get('/', ['X-Remote-User' => 'nikita']);