Export Changes - add Copy Rule button
Categories
(DevTools :: Inspector: Changes, enhancement, P2)
Tracking
(firefox67 fixed)
| Tracking | Status | |
|---|---|---|
| firefox67 | --- | fixed |
People
(Reporter: rcaliman, Assigned: rcaliman)
References
Details
Attachments
(1 file)
Add button that allows copying the full contents of the changed CSS rule.
Shows when hovering over the CSS rules in the Changes panel.
UI: https://mozilla.invisionapp.com/share/VFQC7MQSD9W#/screens
When CSS rules are nested (ex: style rule in @media, @supports), the button shows next to the innermost hovered rule. This defines the scope of the copy operation: if the innermost rule is hovered, only its contents get copied. If the outermost or intermediary rules are hovered, they get the Copy Rule button and define the scope.
The clipboard output is identical to the one implemented in Bug 1524547.
|
Assignee | |
Comment 1•2 years ago
|
||
Adds a button that shows up when hovering selectors in the Changes panel.
When clicked, it invokes the same Copy Rule behavior implemented for the context menu: copies the full content of the rule with changes applied.
The added/changed CSS class names use BEM notation. I intend to refactor the Changes panel stylesheet to BEM in a follow-up patch.
Pushed by rcaliman@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/96e76fdfd8b2 Add Copy Rule button to Changes panel. r=pbro
|
||
Comment 3•2 years ago
|
||
Backed out 3 changesets (bug 1530341, bug 1529606) for causing devtools failures on browser_parsable_css.js CLOSED TREE
Backout revision https://hg.mozilla.org/integration/autoland/rev/4613c00d3163dac8523877feeed7a661efd9510b
Failure log https://treeherder.mozilla.org/logviewer.html#?job_id=230367398&repo=autoland
:rcaliman can you please take a look?
|
|
Assignee | |
Comment 4•2 years ago
|
||
Removed unused CSS custom properties which tripped a pedantic test and pushed again.
Pushed by rcaliman@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/f5629bb3e671 Add Copy Rule button to Changes panel. r=pbro
|
||
Comment 6•2 years ago
|
||
| bugherder | ||
Description
•