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

less z-index

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-11-07 22:10:07 +01:00
parent 875fc21cac
commit cbf86e0bf5
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app.js
View File

@ -129,8 +129,8 @@ class MinoesTable {
constructor(id) { constructor(id) {
this.table = document.getElementById(id) this.table = document.getElementById(id)
Array.from(this.table.getElementsByTagName("tr")).forEach((tr, row) => { Array.from(this.table.getElementsByTagName("tr")).forEach((tr, row) => {
tr.style.setProperty('--row', row)
Array.from(tr.getElementsByTagName("td")).forEach((td, column) => { Array.from(tr.getElementsByTagName("td")).forEach((td, column) => {
td.style.setProperty('--row', row)
td.style.setProperty('--column', column) td.style.setProperty('--column', column)
}) })
}) })

2
css/minimal.css
View File

@ -12,6 +12,7 @@
display: flex; display: flex;
position: relative; position: relative;
flex-direction: row; flex-direction: row;
z-index: calc(1000 - var(--row));
} }
tr.matrix td:not(.mino) { tr.matrix td:not(.mino) {
@ -31,7 +32,6 @@ tr.matrix td:not(.mino) {
width: inherit; width: inherit;
height: inherit; height: inherit;
display: block; display: block;
z-index: calc(1000 - var(--row));
box-shadow: 0 -6px 0 var(--light-color); box-shadow: 0 -6px 0 var(--light-color);
} }