Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Hide Responsive Design Mode Resize Corner?

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

Andrew
Andrew
more options

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?
Attached screenshots

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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}

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