abe33 / abe33/atom-color-highlight

Deprecated selector in `atom-color-highlight/styles/atom-color-highlight.less`

未關閉 適合新手
#110 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
CoffeeScript
星號
80
分支
8
PR 合併指標
30 天內沒有已合併 PR

描述

In `atom-color-highlight/styles/atom-color-highlight.less`:

Starting from Atom v1.13.0, the contents of `atom-text-editor` elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using `:host` and `::shadow` pseudo-selectors, and prepend all your syntax selectors with `syntax--`. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

* `atom-text-editor atom-color-highlight,
atom-text-editor::shadow atom-color-highlight` => `atom-text-editor atom-color-highlight,
atom-text-editor.editor atom-color-highlight`

* `atom-text-editor atom-color-highlight dot-color-marker,
atom-text-editor::shadow atom-color-highlight dot-color-marker` => `atom-text-editor atom-color-highlight dot-color-marker,
atom-text-editor.editor atom-color-highlight dot-color-marker`

* `atom-text-editor atom-color-highlight dot-color-marker.selected .selector,
atom-text-editor::shadow atom-color-highlight dot-color-marker.selected .selector` => `atom-text-editor atom-color-highlight dot-color-marker.selected .selector,
atom-text-editor.editor atom-color-highlight dot-color-marker.selected .syntax--selector`

* `atom-text-editor atom-color-highlight color-marker.selected,
atom-text-editor::shadow atom-color-highlight color-marker.selected` => `atom-text-editor atom-color-highlight color-marker.selected,
atom-text-editor.editor atom-color-highlight color-marker.selected`

* `atom-text-editor atom-color-highlight .region,
atom-text-editor::shadow atom-color-highlight .region` => `atom-text-editor atom-color-highlight .region,
atom-text-editor.editor atom-color-highlight .region`

* `atom-text-editor atom-color-highlight dot-color-marker:before,
atom-text-editor::shadow atom-color-highlight dot-color-marker:before,
atom-text-editor atom-color-highlight .region:before,
atom-text-editor::shadow atom-color-highlight .region:before` => `atom-text-editor atom-color-highlight dot-color-marker:before,
atom-text-editor.editor atom-color-highlight dot-color-marker:before,
atom-text-editor atom-color-highlight .region:before,
atom-text-editor.editor atom-color-highlight .region:before`

* `atom-text-editor atom-color-highlight dot-color-marker:after,
atom-text-editor::shadow atom-color-highlight dot-color-marker:after,
atom-text-editor atom-color-highlight .region:after,
atom-text-editor::shadow atom-color-highlight .region:after` => `atom-text-editor atom-color-highlight dot-color-marker:after,
atom-text-editor.editor atom-color-highlight dot-color-marker:after,
atom-text-editor atom-color-highlight .region:after,
atom-text-editor.editor atom-color-highlight .region:after`

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

貢獻指南

這個儲存庫沒有索引到貢獻指南

研究方向

要編輯的檔案是 `styles/atom-color-highlight.less`。Issue 列出了需要更新的確切選擇器:將 `::shadow` 替換為 `.editor`,並確保語法選擇器帶有 `syntax--` 前綴。完成變更後,透過重新載入 package 或檢查開發者工具,驗證樣式在 Atom 中仍能正常運作。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
css
領域
frontend
Issue 類型
重構
難度
1/5
預估耗時
1 小時以內
活躍度
停滯
描述清晰度
描述清楚
新手友好度
70/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。