diff --git a/css/jstris-skin.css b/css/jstris-skin.css index d7059cc..b407374 100644 --- a/css/jstris-skin.css +++ b/css/jstris-skin.css @@ -23,8 +23,6 @@ tr.matrix td:not(.mino) { } .mino { - width: var(--cell-size); - height: var(--cell-size); background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; @@ -87,10 +85,10 @@ tr.matrix td:not(.mino) { } .select2-container:not(.select2-container--disabled) .selection { - width: calc(var(--nb-sprites) * var(--cell-size)); - background-position-x: calc(-1 * var(--sprite-pos) * var(--cell-size)); --nb-sprites: 4; --sprite-pos: 4; + width: calc(var(--nb-sprites) * var(--cell-size)); + background-position-x: calc(-1 * var(--sprite-pos) * var(--cell-size)); background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; diff --git a/css/tetrio-skin.css b/css/tetrio-skin.css index e81feb8..9a17a5a 100644 --- a/css/tetrio-skin.css +++ b/css/tetrio-skin.css @@ -9,8 +9,6 @@ } .mino { - width: var(--cell-size); - height: var(--cell-size); background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; @@ -73,11 +71,12 @@ } .select2-container:not(.select2-container--disabled) .selection { + --cell-size: 24px; --padded-cell-size: calc(var(--cell-size) + 1px); - width: calc(var(--nb-sprites) * var(--padded-cell-size)); + --nb-sprites: 4; + --sprite-pos: 2; + width: calc(var(--nb-sprites) * var(--padded-cell-size) - 1px); background-position-x: calc(-1 * var(--sprite-pos) * var(--padded-cell-size)); - --nb-sprites: 3; - --sprite-pos: 4; background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; diff --git a/index.html b/index.html index acd1937..da97fdf 100644 --- a/index.html +++ b/index.html @@ -93,7 +93,7 @@
diff --git a/js/app.js b/js/app.js index c8a84f7..840b525 100644 --- a/js/app.js +++ b/js/app.js @@ -336,7 +336,7 @@ stylesheetSelect.oninput = function (event) { text: group, children: json[group].map(skin => ({ id: skin.link, - text: `${skin.name} (${skin.author})`, + text: `${skin.name} (${skin.author})\n${skin.description}`, })), }; data.push(groupData);