1427521 - reset css rules

Status: NEW

(DevTools :: Inspector: Rules, enhancement, P3)

Description

[timothy rhoads]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171226083017

Steps to reproduce:

change css rules in the inpsector, reloadingt he page does not reload the rules without showing what i previous activated deactivated i need to reset so i can see all changes added.


Actual results:

cant reset css view fro websites under development


Expected results:

should have button to refresh/reset

Comment 1

[Patrick Brosset <:pbro>]

I am not exactly sure what you are asking here. I understand 3 different things, could you help me confirm which is the right one:

- you would like a reset button that removes all of your changes so you can see the page as it was before you started making changes
- or, you would like a panel that lists all of the changes you have made since the start, so you can easily see what you changed,
- or, you want your changes to still be shown in DevTools after the page has been reloaded.

Thank you for confirming!

Comment 2

[timothy rhoads]

Yes - 
- you would like a reset button that removes all of your changes so you can see the page as it was before you started making changes

Comment 3

[Patrick Brosset <:pbro>]

(In reply to timothy rhoads from comment #2)
> - you would like a reset button that removes all of your changes so you can
> see the page as it was before you started making changes
Then I am a bit confused because you could do this by just reloading the entire page.
But since you said in comment 0 "i need to reset so i can see all changes added", I think what you want is not only reset, but maybe more something like temporarily toggle off your changes, but keep them so you can apply them again. Is that it?
Sorry for pinging you again on this, but I just want to make sure I understand what you are asking.

Comment 4

[timothy rhoads]

i reload the page and there are settings there from when i was troubleshooting the css. I want them all to reset to fresh. They are not they are cached... and there is no way to clear all the rules i went through to isolate my css issue and now i cant tell what changes were made and which ones are just my devtools being stuck with previous settings. thanks for responding. I have been using these tools for a long time i just see where to refresh. I am coding my css in php and its passed along to the browser. I update the css and come to refresh the page but the css reset. I have 9 sites like this now and its annoying

Comment 5

[Gabriel Luong [:gl] (ΦωΦ)]

This is strange since we don't have any ways to save your changes from the devtools. We're also working on making changes cache-able and easily visible in the future. So, I do see being able to reset the css as a possibly in the future, but this should already work.