Я переглядав налаштування редактора атомів і думав, що буду просту зміну, щоб показати інший колір для чергування ліній, щоб я міг бачити, що відбувається, коли рядок загортається.
Схоже, редактор не відображає рядки в порядку:
Як ви бачите на рядку 26, я намагаюсь, щоб кожен рівний рядок мав різний колір фону, але рядки 12, 13 і 14 виділені.
Перегляд інструментів для розробників (Command-option-i на Mac) показує, що рядки зберігаються в порядку в документі, тому вони чергуються, але це не так, як вони виділяються на екрані.
Чи існує спосіб послідовно виділити чергування ліній, що чергуються?
Редагувати:
Я також спробував додати стиль до номерів рядків:
.editor .line[data-screen-row]:nth-child(2n) {
background-color:red;
}
Це також, мабуть, має проблеми, також я помітив, що при завершенні рядків їм присвоюється новий номер рядка.
Відповіді:
0 для відповіді № 1Я не думаю, що те, що ти просиш, можливоспосіб архітектури Atom. Наскільки я розумію, лінії розміщуються в DOM у будь-якому порядку, який є найбільш доцільним на момент їх вставки / модифікації, а потім розташовуються на екрані, використовуючи абсолютне позиціонування, як ви бачите в style атрибут кожного div.
0 для відповіді № 2
Це може бути не найкрасивішим рішенням, але це зробить трюк для вас:
atom-text-editor::shadow .line[data-screen-row$="0"],
atom-text-editor::shadow .line[data-screen-row$="2"],
atom-text-editor::shadow .line[data-screen-row$="4"],
atom-text-editor::shadow .line[data-screen-row$="6"],
atom-text-editor::shadow .line[data-screen-row$="8"] {
background-color: #292929;
}