Suggestion : give the possibility to show the live editor in a separated window about live-css-editor HOT 6 CLOSED

Brilliant! Thanks a lot!

from live-css-editor.

Thanks for the report :-)

Just want to know your use case a little more. Are you using it along with browser developer tools and that's why the window/viewport effectively gets reduced in size. And Magic CSS also consumes some space which you wish to avoid.

Would the following solutions be fine:

• Provide a minimize button
• When the mouse moves out of the viewport (html/body element), reduce the opacity of the floating editor to 0.1 or 0. We might add that as a configurable setting.

from live-css-editor.

Opacity reduction when mouse moves out the viewport would be great ! The worse case is when I develop for mobile, I need to use the adaptative view and there is nearly no space left for the viewport.
Thanks a lot !

from live-css-editor.

The issue has been resolved and you can set the option to hide the editor on mouse out by:
"+" > More options > Experimental options > Hide editor when mouse pointer is outside the webpage

Note that mouse support is required for this feature to work, i.e., in Chrome, you are supposed to use the "Responsive" mode with "Device type" set as "Desktop". If the "Device type" option is hidden in your dev tools, you will need to activate it (by clicking on three-vertical-dots > Add device type).

The latest version of the extension (v6.2.33, with this fix included) for Chrome would be available in a few minutes.

from live-css-editor.

Also, auto live reloading of modified CSS files would be added in coming days/weeks. With that, you will be able to edit and save the project files in your favorite code editor and Magic CSS would reload them immediately.

That would be equivalent to what you were initially asking (editing code outside the browser tab).

from live-css-editor.

@funkycram
The feature of editor in external window is now implemented and the publish has been initiated on Chrome Web Store for the latest version (v8.9.0). It should become available within next few hours/days.

from live-css-editor.