piair
/
Carcasonne
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: better buttons for normal full screen

This commit is contained in:
Alessandre Laguierce 2024-04-28 12:10:04 +02:00
parent e0536b2da5
commit 748ad7e20d
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/player.html
View File

@ -46,11 +46,12 @@
</div>
<div class="footer">
<div>Seed: <span id="seed_disp"></span></div>
<div class="spacer"></div>
<div style=" width: 100%">Seed: <span id="seed_disp"></span></div>
<div style="display: flex; width: 200%; justify-content: right">
<div class="button interactable" id="showData">Afficher les données de parties</div>
<div class="button interactable" id="showImages">Afficher le graphe</div>
<div class="button interactable" id="showTeams">Afficher les équipes</div>
</div>
</div>
<div class="closed" id="jsonData">

20
src/style.css
View File

@ -1,6 +1,7 @@
body {
height: 100em;
height: 100vh;
/*overflow: hidden;*/
overflow-x: hidden;
align-items: center;
justify-content: center;
margin: 0;
@ -33,9 +34,9 @@ body {
}
.footer {
margin-top: -5px;
display: flex;
align-items: center;
justify-content: left;
color: white;
}
@ -156,7 +157,8 @@ body {
.button {
font-size: 1em;
width: fit-content;
padding: 10px;
padding: 5px;
margin: 3px 5px 3px 5px;
border: 1px solid #ececec;
border-radius: 10px;
color: white;
@ -174,15 +176,17 @@ body {
#jsonData {
font-size: 1em;
overflow-y: hidden;
overflow-x: scroll;
transition: font-size 500ms cubic-bezier(1, 1, 1, 1);
margin: 0.1vw;
border: 1px solid rgba(169, 169, 169, 0.67);
padding: 0.2vw;
}
.closed#jsonData {
font-size: 0 !important;
margin: 0;
padding: 0;
}
.tileImg {
@ -196,7 +200,7 @@ body {
opacity: 0;
}
#jsonData {
position: absolute;
top: 100vh;
}
/*#jsonData {*/
/* position: absolute;*/
/* top: 100vh;*/
/*}*/