marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: chat panel now starts minimized and collapses

Browse Source 
The panel's display:flex overrode the browser's default [hidden] styling,
so it rendered open from first paint and the close button was inert. Added
a global [hidden]{display:none!important} guard so the attribute always
wins. Browser-verified: loads minimized, opens, closes, toggles. Assets
v=20260904l.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-04 16:00:49 -05:00
parent 547bff0d05
commit 8ef50b183e
5 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/site.css
+1
View File
@@ -14,6 +14,7 @@
--radius:18px; --radius:18px;
} }
*{box-sizing:border-box} *{box-sizing:border-box}
[hidden]{display:none!important} /* beats any display: set by a class (chat panel bug) */
html{scroll-behavior:smooth} html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 "Segoe UI",system-ui,sans-serif;overflow-x:hidden} body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 "Segoe UI",system-ui,sans-serif;overflow-x:hidden}
/* topo-contour ground texture, very faint */ /* topo-contour ground texture, very faint */
public/contract.html
+4 -4
View File
@@ -5,7 +5,7 @@
<title>The contract | InstantAdPay</title> <title>The contract | InstantAdPay</title>
<meta name="description" content="Plain-language review of the InstantAdPay settlement contract: what it does, what nobody can change, what the operator can and cannot touch, and how to verify all of it yourself."> <meta name="description" content="Plain-language review of the InstantAdPay settlement contract: what it does, what nobody can change, what the operator can and cannot touch, and how to verify all of it yourself.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260904k"> <link rel="stylesheet" href="/assets/site.css?v=20260904l">
</head> </head>
<body> <body>
<div class="wrap"> <div class="wrap">
@@ -129,8 +129,8 @@
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford.</div> <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford.</div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260904k"></script> <script src="/assets/common.js?v=20260904l"></script>
<script src="/assets/contract.js?v=20260904k"></script> <script src="/assets/contract.js?v=20260904l"></script>
<script src="/assets/chat.js?v=20260904k"></script> <script src="/assets/chat.js?v=20260904l"></script>
</body> </body>
</html> </html>
public/index.html
+5 -5
View File
@@ -5,7 +5,7 @@
<title>InstantAdPay: advertise and earn, locked in code</title> <title>InstantAdPay: advertise and earn, locked in code</title>
<meta name="description" content="Real ad packages with instant on-chain settlement. Every purchase pays the sponsor line in the same transaction, verifiable by anyone on the live ledger."> <meta name="description" content="Real ad packages with instant on-chain settlement. Every purchase pays the sponsor line in the same transaction, verifiable by anyone on the live ledger.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260904k"> <link rel="stylesheet" href="/assets/site.css?v=20260904l">
</head> </head>
<body> <body>
@@ -398,9 +398,9 @@
</div> </div>
</section> </section>
<script src="/assets/common.js?v=20260904k"></script> <script src="/assets/common.js?v=20260904l"></script>
<script src="/assets/wallet.js?v=20260904k"></script> <script src="/assets/wallet.js?v=20260904l"></script>
<script src="/assets/home.js?v=20260904k"></script> <script src="/assets/home.js?v=20260904l"></script>
<script src="/assets/chat.js?v=20260904k"></script> <script src="/assets/chat.js?v=20260904l"></script>
</body> </body>
</html> </html>
public/ledger.html
+4 -4
View File
@@ -5,7 +5,7 @@
<title>Live ledger | InstantAdPay</title> <title>Live ledger | InstantAdPay</title>
<meta name="description" content="Every purchase, payout, and pass-up on InstantAdPay, streamed straight from the blockchain with a verify link on every line."> <meta name="description" content="Every purchase, payout, and pass-up on InstantAdPay, streamed straight from the blockchain with a verify link on every line.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260904k"> <link rel="stylesheet" href="/assets/site.css?v=20260904l">
</head> </head>
<body> <body>
<div class="wrap"> <div class="wrap">
@@ -25,8 +25,8 @@
<div>InstantAdPay · <a href="/">how it works</a> · <a id="contractLink" href="#" target="_blank" rel="noopener">contract source ↗</a></div> <div>InstantAdPay · <a href="/">how it works</a> · <a id="contractLink" href="#" target="_blank" rel="noopener">contract source ↗</a></div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260904k"></script> <script src="/assets/common.js?v=20260904l"></script>
<script src="/assets/ledger.js?v=20260904k"></script> <script src="/assets/ledger.js?v=20260904l"></script>
<script src="/assets/chat.js?v=20260904k"></script> <script src="/assets/chat.js?v=20260904l"></script>
</body> </body>
</html> </html>
public/my.html
+5 -5
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>My account | InstantAdPay</title> <title>My account | InstantAdPay</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260904k"> <link rel="stylesheet" href="/assets/site.css?v=20260904l">
</head> </head>
<body> <body>
<div class="wrap"> <div class="wrap">
@@ -160,9 +160,9 @@
<footer><div>InstantAdPay · <a href="/ledger">live ledger</a></div></footer> <footer><div>InstantAdPay · <a href="/ledger">live ledger</a></div></footer>
</div> </div>
<script src="/assets/common.js?v=20260904k"></script> <script src="/assets/common.js?v=20260904l"></script>
<script src="/assets/wallet.js?v=20260904k"></script> <script src="/assets/wallet.js?v=20260904l"></script>
<script src="/assets/my.js?v=20260904k"></script> <script src="/assets/my.js?v=20260904l"></script>
<script src="/assets/chat.js?v=20260904k"></script> <script src="/assets/chat.js?v=20260904l"></script>
</body> </body>
</html> </html>