Tyylitä ruudut
This commit is contained in:
parent
643c68dc2c
commit
159d7b829e
23
index.html
23
index.html
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue