fix(labs): убрать перекрытие соседних элементов при выборе ячейки в таблице Менделеева
outline:2px + outlineOffset:1px давал 3px рамку поверх 2px-зазора → визуально перекрывал соседей. Заменил на inset box-shadow — рамка внутри ячейки.
This commit is contained in:
@@ -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 = ''; }
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user