diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css index 15d9cbbd0..7af6d9420 100644 --- a/src/css/popup-fenix.css +++ b/src/css/popup-fenix.css @@ -553,6 +553,14 @@ body:not([data-more~="e"]) [data-more="e"] { display: none; } +/* popup-in-tab mode, useful for screenshots */ +:root.desktop.intab body { + overflow: auto; + } +:root.desktop.intab #firewall { + max-height: none; + } + /* horizontally-constrained viewport */ :root.portrait body { overflow-y: auto; diff --git a/src/js/popup-fenix.js b/src/js/popup-fenix.js index c8f543c58..37e028465 100644 --- a/src/js/popup-fenix.js +++ b/src/js/popup-fenix.js @@ -1027,7 +1027,7 @@ uDom('[data-i18n="popupAnyRulePrompt"]').on('click', ev => { messaging.send('popupPanel', { what: 'gotoURL', details: { - url: `popup-fenix.html?tabId=${popupData.tabId}`, + url: `popup-fenix.html?tabId=${popupData.tabId}&intab=1`, select: true, index: -1, }, @@ -1260,6 +1260,9 @@ const getPopupData = async function(tabId) { panes.prepend(sticky); } } + if ( selfURL.searchParams.get('intab') !== null ) { + root.classList.add('intab'); + } await nextFrames(1); document.body.classList.remove('loading'); };