uBlock/platform/mv3/extension/css/zapper-ui.css
Raymond Hill 0b0294af4f
[mv3] Add support for custom CSS-based cosmetic filters
Related issue:
https://github.com/uBlockOrigin/uBOL-home/issues/325

This is a first version, with support only for custom filters which are
plain CSS selectors. Future versions will extend support to style-based
and procedural cosmetic filters.

Manually text-editing existing custom filters is currently not supported,
this will be added in a future version in the Develop pane. To remove
existing custom filters, the "Remove a custom filter" tool can be used.
2025-07-06 16:43:22 -04:00

29 lines
No EOL
678 B
CSS

:root#ubol-zapper {
--quit-button-size: max(4em, min(6em, calc(100vw / 8), calc(100vh / 8)));
--ubol-overlay-fill: rgba(255,255,63,0.10);
--ubol-overlay-border: #FF0;
}
#ubol-zapper aside {
gap: 2px;
right: 2px;
top: 50%;
transform: translateY(-50%);
}
#ubol-zapper aside > div {
background-color: var(--surface-1);
border: 1px solid rgba(0,0,0,0.5);
box-sizing: border-box;
fill: none;
stroke: var(--ink-1);
stroke-width: 2px;
width: var(--quit-button-size);
height: var(--quit-button-size);
}
#ubol-zapper aside > div:hover {
background-color: var(--surface-2)
}
:root:not(.mobile) #pick {
display: none;
}