adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

simplify css

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-21 23:06:34 +02:00
parent 666d40fe87
commit 5e385cc0fe
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/common.css
View File

@ -15,13 +15,11 @@
table-layout: fixed; table-layout: fixed;
border-collapse: separate; border-collapse: separate;
border-spacing: 0; border-spacing: 0;
height: calc(var(--rows) * var(--cell-side)); width: min-content;
width: calc(var(--columns) * var(--cell-side));
} }
#matrixTable { #matrixTable {
margin-top: calc(-1 * var(--no-bordered-rows) * var(--cell-side)); margin-top: calc(-1 * var(--no-bordered-rows) * var(--cell-side));
background-color: transparent;
} }
@keyframes hard-dropped-table-animation { @keyframes hard-dropped-table-animation {

6
index.html
View File

@ -108,7 +108,7 @@
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header text-center"><strong>HOLD</strong></div> <div class="card-header text-center"><strong>HOLD</strong></div>
<div class="card-body p-0"> <div class="card-body p-0">
<table id="holdTable" class="minoes-table" style="--columns: 6; --rows: 5;"> <table id="holdTable" class="minoes-table">
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
@ -129,7 +129,7 @@
</div> </div>
<div class="col"> <div class="col">
<div class="card"> <div class="card">
<table id="matrixTable" class="minoes-table" style="--columns: 10; --rows: 25; --no-bordered-rows: 6"> <table id="matrixTable" class="minoes-table" style="--no-bordered-rows: 6">
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
@ -164,7 +164,7 @@
<div class="card"> <div class="card">
<div class="card-header text-center"><strong>NEXT</strong></div> <div class="card-header text-center"><strong>NEXT</strong></div>
<div class="card-body p-0"> <div class="card-body p-0">
<table id="nextTable" class="minoes-table caption-top" style="--columns: 6; --rows: 16;"> <table id="nextTable" class="minoes-table caption-top">
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>