handle overflow in cells

This commit is contained in:
Raphaël Jakse 2020-11-22 11:41:00 +01:00
parent 66c3d65f2b
commit e69a279eec
2 changed files with 6 additions and 2 deletions

View File

@ -122,6 +122,8 @@ html, #board, [draggable], .tile {
display:inline-block; display:inline-block;
white-space:pre-wrap; white-space:pre-wrap;
font-size:7px; font-size:7px;
text-overflow:ellipsis;
overflow:hidden;
} }
#center-cell .special-cell-label { #center-cell .special-cell-label {
@ -186,8 +188,10 @@ button {
} }
#board td { #board td {
width:32px;
height:32px; height:32px;
width: 32px; max-width:32px;
max-height:32px;
} }
#rack .tile-placeholder { #rack .tile-placeholder {

View File

@ -1491,7 +1491,7 @@
cell.firstChild.appendChild(document.createElement("span")); cell.firstChild.appendChild(document.createElement("span"));
cell.classList.add("special-cell"); cell.classList.add("special-cell");
cell.classList.add("special-cell-" + type); cell.classList.add("special-cell-" + type);
cell.lastChild.lastChild.textContent = _(specialTypesText[type]); cell.lastChild.lastChild.textContent = cell.title = _(specialTypesText[type]);
cell.lastChild.lastChild.className = "special-cell-label"; cell.lastChild.lastChild.className = "special-cell-label";
} }