Commit 3b319a3d authored by Sindre Sorhus's avatar Sindre Sorhus

Make it clear the #main section is hidden by default

parent c7f5709c
......@@ -57,7 +57,7 @@ body {
font-style: italic;
}
#todoapp #toggle-all-container {
#todoapp #main {
display: none;
}
......
......@@ -11,12 +11,10 @@
<h1>Todos</h1>
<input type="text" placeholder="What needs to be done?">
</header>
<section>
<!-- toggle-all-container is hidden by default and should be shown when there are todos, and hidden when not -->
<div id="toggle-all-container">
<input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
</div>
<!-- this section is hidden by default and you be shown when there are todos and hidden when not -->
<section id="main">
<input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
<ul class="items">
<li class="item done">
<div class="view" title="Double click to edit...">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment