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:
parent
5be645f4e5
commit
59ec2e19e8
2 changed files with 101 additions and 2 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue