You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
860 B
CSS
46 lines
860 B
CSS
.table {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
width: fit-content;
|
|
}
|
|
|
|
.cell {
|
|
/* width: max(fit-content, 100%); */
|
|
border: 1px solid silver;
|
|
user-select: none;
|
|
|
|
/* Border-collapsing hack */
|
|
margin-left: -1px;
|
|
margin-top: -1px;
|
|
|
|
&.selectionPart {
|
|
background-color: #EEEEEE;
|
|
z-index: 2;
|
|
}
|
|
|
|
&.selectionLeftEdge {
|
|
border-left: 2px solid rgb(36, 36, 36);
|
|
margin-left: -2px; /* Includes border-collapsing compensation */
|
|
}
|
|
|
|
&.selectionRightEdge {
|
|
border-right: 2px solid rgb(36, 36, 36);
|
|
margin-right: -1px;
|
|
}
|
|
|
|
&.selectionTopEdge {
|
|
border-top: 2px solid rgb(36, 36, 36);
|
|
margin-top: -2px; /* Includes border-collapsing compensation */
|
|
}
|
|
|
|
&.selectionBottomEdge {
|
|
border-bottom: 2px solid rgb(36, 36, 36);
|
|
margin-bottom: -1px;
|
|
}
|
|
}
|
|
|
|
.cellContents, .editableCell {
|
|
padding: 3px 5px;
|
|
white-space: pre-wrap;
|
|
}
|