maxim.dolgolyov/Learn_System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/js/labs/periodic.js
+3 -5
View File
@@ -507,11 +507,9 @@ class PeriodicTableSim {
const div = this._cellMap[el.Z]; const div = this._cellMap[el.Z];
if (!div) continue; if (!div) continue;
if (el.Z === Z) { if (el.Z === Z) {
div.style.outline = '2px solid #fff'; div.style.boxShadow = 'inset 0 0 0 2px #fff';
div.style.outlineOffset = '1px';
} else { } else {
div.style.outline = ''; div.style.boxShadow = '';
div.style.outlineOffset = '';
} }
} }
this._updateCard(ELEMENTS.find(e => e.Z === Z)); this._updateCard(ELEMENTS.find(e => e.Z === Z));
@@ -612,7 +610,7 @@ class PeriodicTableSim {
this._updateCard(null); this._updateCard(null);
for (const e2 of ELEMENTS) { for (const e2 of ELEMENTS) {
const div = this._cellMap[e2.Z]; 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 = ''; }
} }
}); });