valentin/simulation.wikibac.fr
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

MàJ responsive

Browse Source
This commit is contained in:
Valentin Moguérou 2023-07-15 14:57:25 +02:00
parent cdeff71a34
commit b5d04b078f
3 changed files with 396 additions and 358 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
BFI/calcul.js
View File

@ -227,7 +227,7 @@ function update() {
decision = "Admis Mention Très Bien"; decision = "Admis Mention Très Bien";
sup_mention_actuelle = 17.99*total_coef sup_mention_actuelle = 17.99*total_coef
} else { } else {
decision = "Admis Mention Très Bien<br>avec les félicitations du jury"; decision = "Admis Mention Très Bien avec les félicitations du jury";
sup_mention_actuelle = NaN sup_mention_actuelle = NaN
} }

8
BFI/index.html
View File

@ -56,6 +56,7 @@
<fieldset> <fieldset>
<legend>Contrôle continu</legend> <legend>Contrôle continu</legend>
<div class="table_wrapper">
<table> <table>
<tr> <tr>
<th rowspan="2">Matière</th> <th rowspan="2">Matière</th>
@ -165,12 +166,14 @@
<td colspan="3">Total des points&nbsp;: <span id="total-points-CC">0</span></td> <td colspan="3">Total des points&nbsp;: <span id="total-points-CC">0</span></td>
</tr> </tr>
</table> </table>
</div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>Épreuves terminales</legend> <legend>Épreuves terminales</legend>
Remarque&nbsp;: Seules ces épreuves peuvent faire l'objet d'un éventuel rattrapage. Remarque&nbsp;: Seules ces épreuves peuvent faire l'objet d'un éventuel rattrapage.
<div class="table_wrapper">
<table> <table>
<tr> <tr>
<th rowspan="2">Matière</th> <th rowspan="2">Matière</th>
@ -260,9 +263,11 @@
<td><span id="total-points-terminal"></span></td> <td><span id="total-points-terminal"></span></td>
</tr> </tr>
</table> </table>
</div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>Épreuves spécifiques du BFI</legend> <legend>Épreuves spécifiques du BFI</legend>
<div class="table_wrapper">
<table> <table>
<tr> <tr>
<th rowspan="2">Matière</th> <th rowspan="2">Matière</th>
@ -340,9 +345,11 @@
<td><span id="total-points-specifique"></span></td> <td><span id="total-points-specifique"></span></td>
</tr> </tr>
</table> </table>
</div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>Option(s)</legend> <legend>Option(s)</legend>
<div class="table_wrapper">
<table> <table>
<tr> <tr>
<th rowspan="2">Matière</th> <th rowspan="2">Matière</th>
@ -425,6 +432,7 @@
<td colspan="4">Total des points : <span id="total-points-options">-</span></td> <td colspan="4">Total des points : <span id="total-points-options">-</span></td>
</tr> </tr>
</table> </table>
</div>
</fieldset> </fieldset>
</form> </form>
</main> </main>

30
BFI/style.css
View File

@ -78,6 +78,30 @@ main {
margin: 10px auto; margin: 10px auto;
} }
@media screen and (max-width: 1000px) {
main {
width: 100vw;
}
.resultat {
position: static;
flex-direction: column;
align-items: center;
}
.resultat div {
width: clamp(300px, 60%, 700px);
}
div.table_wrapper {
width: calc(100vw - 50px);
}
fieldset {
width: calc(100vw - 40px);
}
}
.info { .info {
padding: 10px; padding: 10px;
background-color: lightyellow; background-color: lightyellow;
@ -92,6 +116,12 @@ form {
fieldset { fieldset {
padding: 10px; padding: 10px;
margin: 20px 0; margin: 20px 0;
overflow: auto;
}
div.table_wrapper {
overflow-x: auto;
white-space: nowrap;
} }
table { table {