fix(labs): убрать перекрытие соседних элементов при выборе ячейки в таблице Менделеева

outline:2px + outlineOffset:1px давал 3px рамку поверх 2px-зазора → визуально перекрывал соседей.
Заменил на inset box-shadow — рамка внутри ячейки.
This commit is contained in:
Maxim Dolgolyov
2026-05-26 16:06:49 +03:00
parent 9aa8c76932
commit 2552c8a90e
+3 -5
View File
@@ -507,11 +507,9 @@ class PeriodicTableSim {
const div = this._cellMap[el.Z];
if (!div) continue;
if (el.Z === Z) {
div.style.outline = '2px solid #fff';
div.style.outlineOffset = '1px';
div.style.boxShadow = 'inset 0 0 0 2px #fff';
} else {
div.style.outline = '';
div.style.outlineOffset = '';
div.style.boxShadow = '';
}
}
this._updateCard(ELEMENTS.find(e => e.Z === Z));
@@ -612,7 +610,7 @@ class PeriodicTableSim {
this._updateCard(null);
for (const e2 of ELEMENTS) {
const div = this._cellMap[e2.Z];
if (div) { div.style.outline = ''; div.style.outlineOffset = ''; }
if (div) { div.style.boxShadow = ''; div.style.outline = ''; div.style.outlineOffset = ''; }
}
});