Tyylitä ruudut

This commit is contained in:
Juhani Krekelä 2023-08-03 18:11:56 +03:00
parent 643c68dc2c
commit 159d7b829e
1 changed files with 19 additions and 4 deletions

View File

@ -14,8 +14,17 @@
.luokka-aste-lomake {
display: inline;
}
.piilotettu {
display: none;
.ruutu {
margin: 0.2em;
border-width: 1px;
border-style: solid;
}
.ruutu > summary {
padding: 0 0.5em;
background-color: #ccc;
}
.ruutu > div {
padding: 0.5em 0.5em 0;
}
.luokka-aste-kenttä {
width: 3em;
@ -31,15 +40,21 @@
margin: 0 0.5em;
display: inline;
}
.piilotettu {
display: none;
}
</style>
</head>
<body lang="fi">
<input id="kumoa" type="button" value="Kumoa">
<input id="tee-uudelleen" type="button" value="Tee uudelleen">
<details class="ruutu" id="luokat" open>
<summary>Luokat</summary>
<input id="lisää-luokka-aste" type="button" value="+ Aste">
<ul id="luokka-asteet"></ul>
<div>
<input id="lisää-luokka-aste" type="button" value="+ Aste">
<ul id="luokka-asteet"></ul>
</div>
</details>
<script src="testit.js"></script>