style admin text detail page with node tree

apply the page shell to the text detail page and add a scoped
.node-tree style block to app.css. the tree dom rendered by text.js
must keep ul/li with buttons and inputs as direct children of each
li (cypress relies on > selectors), so styling is applied entirely
via descendant selectors without wrapping the rendered nodes.
This commit is contained in:
Yisroel Baum 2026-05-01 11:32:49 +03:00
parent 5be645f4e5
commit 59ec2e19e8
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
2 changed files with 101 additions and 2 deletions

View file

@ -7,8 +7,16 @@
<link rel="stylesheet" href="/css/app.css">
</head>
<body>
<a href="/admin/texts" id="back">Back to Texts</a>
<div id="text-detail"></div>
<header class="site-header">
<div class="site-header-inner">
<a class="btn btn-secondary" href="/admin/texts" id="back">
Back to Texts
</a>
</div>
</header>
<main class="container container-wide stack">
<div id="text-detail" class="node-tree stack"></div>
</main>
<script src="/js/text.js"></script>
</body>
</html>