nortti
/
lukujarjestaja
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

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