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,12 +46,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<div>Seed: <span id="seed_disp"></span></div> <div style=" width: 100%">Seed: <span id="seed_disp"></span></div>
<div class="spacer"></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="showData">Afficher les données de parties</div>
<div class="button interactable" id="showImages">Afficher le graphe</div> <div class="button interactable" id="showImages">Afficher le graphe</div>
<div class="button interactable" id="showTeams">Afficher les équipes</div> <div class="button interactable" id="showTeams">Afficher les équipes</div>
</div> </div>
</div>
<div class="closed" id="jsonData"> <div class="closed" id="jsonData">
<pre> <pre>

20
src/style.css
View File

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