Add spacer at the bottom of popup panel in portrait mode

Related issues:
- https://github.com/uBlockOrigin/uBlock-issues/issues/1604
- https://github.com/uBlockOrigin/uBlock-issues/issues/1691
This commit is contained in:
Raymond Hill 2021-08-22 10:20:31 -04:00
parent 1bde1e5ecb
commit cfa00797ed
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
2 changed files with 9 additions and 0 deletions

View File

@ -591,6 +591,11 @@ body:not([data-more~="e"]) [data-more="e"] {
display: none; display: none;
} }
:root #firewall-vspacer {
display: none;
height: calc(6 * var(--popup-gap));
}
/* popup-in-tab mode, useful for screenshots */ /* popup-in-tab mode, useful for screenshots */
:root.desktop.intab body { :root.desktop.intab body {
overflow: auto; overflow: auto;
@ -617,6 +622,9 @@ body:not([data-more~="e"]) [data-more="e"] {
min-width: unset; min-width: unset;
overflow-y: hidden; overflow-y: hidden;
} }
:root.portrait #firewall-vspacer {
display: block;
}
/* touch-driven devices */ /* touch-driven devices */
:root.mobile #firewall { :root.mobile #firewall {

View File

@ -85,6 +85,7 @@
<div data-des="*" data-type="3p-script"><span><span class="filter" data-i18n-title="popup3pScriptFilterTip"></span><span data-i18n="popup3pScriptRulePrompt"></span></span><span data-src="/"> </span><span data-src="."> </span></div> <div data-des="*" data-type="3p-script"><span><span class="filter" data-i18n-title="popup3pScriptFilterTip"></span><span data-i18n="popup3pScriptRulePrompt"></span></span><span data-src="/"> </span><span data-src="."> </span></div>
<div data-des="*" data-type="3p-frame"><span><span class="filter" data-i18n-title="popup3pFrameFilterTip"></span><span data-i18n="popup3pFrameRulePrompt"></span></span><span data-src="/"> </span><span data-src="."> </span></div> <div data-des="*" data-type="3p-frame"><span><span class="filter" data-i18n-title="popup3pFrameFilterTip"></span><span data-i18n="popup3pFrameRulePrompt"></span></span><span data-src="/"> </span><span data-src="."> </span></div>
</div> </div>
<div id="firewall-vspacer"></div>
</div> </div>
<div id="templates" style="display: none"> <div id="templates" style="display: none">