GitHub/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2025-04-07 00:41:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

[mv3] Fine tune zapper's quit button

Browse Source 
Related issue:
https://github.com/uBlockOrigin/uBlock-issues/issues/3587
This commit is contained in:
Raymond Hill 2025-03-31 17:43:51 -04:00
parent 6ffffb7b2b
commit 2501eae25f
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
platform/mv3/extension/css/zapper-ui.css
View File

@ -1,3 +1,7 @@
:root {
--quit-button-size: max(4em, min(6em, calc(100vw / 8), calc(100vh / 8)));
}
html#ubol-zapper, html#ubol-zapper,
#ubol-zapper body { #ubol-zapper body {
background: transparent; background: transparent;
@ -18,14 +22,22 @@ html#ubol-zapper,
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: fixed; position: fixed;
right: 2px;
top: 50%;
transform: translateY(-50%);
z-index: 100; z-index: 100;
} }
#ubol-zapper body[dir="rtl"] aside {
left: 2px;
right: unset;
}
#ubol-zapper aside > #quit { #ubol-zapper aside > #quit {
border: 1px solid rgba(0,0,0,0.5);
fill: none; fill: none;
height: 4em;
stroke: var(--ink-1); stroke: var(--ink-1);
stroke-width: 3px; stroke-width: 3px;
width: 4em; width: var(--quit-button-size);
height: var(--quit-button-size);
} }
#ubol-zapper svg#sea { #ubol-zapper svg#sea {
cursor: crosshair; cursor: crosshair;

2
platform/mv3/extension/zapper-ui.html
View File

@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<aside style="right: 2px; bottom: 2px;"> <aside>
<div id="quit" data-i18n-title="zapperTipQuit"> <div id="quit" data-i18n-title="zapperTipQuit">
<svg viewBox="0 0 64 64"><path d="M16 16L48 48M16 48L48 16" /></svg> <svg viewBox="0 0 64 64"><path d="M16 16L48 48M16 48L48 16" /></svg>
</div> </div>