Hide Responsive Design Mode Resize Corner?
It would be nice to not have the little resize grabber icon/control in the bottom right corner of the screen when in Responsive Design Mode as it shows in screen shots. It doesn't seem like it is possible to hide it or have it not show in screen shots. Is there a way? If so, how? If not, what is the best way to get a feature request in front of Moz devs?
It would be nice to not have the little resize grabber icon/control in the bottom right corner of the screen when in Responsive Design Mode as it shows in screen shots. It doesn't seem like it is possible to hide it or have it not show in screen shots. Is there a way? If so, how? If not, what is the best way to get a feature request in front of Moz devs?
Alla svar (1)
You can add code to the userChrome.css file below the default @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
.browserContainer.responsive-mode .browserStack .viewport-resize-handle {opacity:0}
.browserContainer.responsive-mode .browserStack .viewport-resize-handle:hover {opacity:1}
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true