mirror of
https://github.com/gorhill/uBlock.git
synced 2026-03-11 09:04:36 +00:00
1268f0ae43
Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851 The ctrl key is no longer used to adjust specificity of a candidate filter. A new widget has been added to adjust the specificity of a candidate filter to various level. The widget will be visible as long as the candidate filter matches one entry in the list of suggested candidate cosmetic filters.
297 lines
8.2 KiB
CSS
297 lines
8.2 KiB
CSS
html#ublock0-epicker,
|
|
#ublock0-epicker body {
|
|
background: transparent;
|
|
color: black;
|
|
cursor: not-allowed;
|
|
font: 12px sans-serif;
|
|
height: 100vh;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
width: 100vw;
|
|
}
|
|
#ublock0-epicker :focus {
|
|
outline: none;
|
|
}
|
|
#ublock0-epicker aside {
|
|
background-color: var(--default-surface);
|
|
border: 1px solid #aaa;
|
|
bottom: 4px;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
display: none;
|
|
min-width: 24em;
|
|
padding: 4px;
|
|
position: fixed;
|
|
right: 4px;
|
|
width: calc(40% - 4px);
|
|
}
|
|
#ublock0-epicker.paused:not(.zap) aside {
|
|
display: block;
|
|
}
|
|
#ublock0-epicker ul,
|
|
#ublock0-epicker li,
|
|
#ublock0-epicker div {
|
|
display: block;
|
|
}
|
|
#ublock0-epicker #toolbar {
|
|
cursor: grab;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
#ublock0-epicker aside.moving #toolbar {
|
|
cursor: grabbing;
|
|
}
|
|
#ublock0-epicker ul {
|
|
margin: 0.25em 0 0 0;
|
|
}
|
|
#ublock0-epicker button {
|
|
background-color: var(--button-surface);
|
|
border: 0;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
color: var(--button-ink);
|
|
cursor: pointer;
|
|
padding: 0.4em 0.8em;
|
|
}
|
|
#ublock0-epicker button:disabled {
|
|
color: var(--button-disabled-ink);
|
|
background-color: var(--button-disabled-surface);
|
|
}
|
|
#ublock0-epicker button:not(:disabled):hover {
|
|
background-color: var(--button-surface-hover);
|
|
}
|
|
#ublock0-epicker #create:not(:disabled) {
|
|
background-color: var(--button-important-surface);
|
|
}
|
|
#ublock0-epicker #create:not(:disabled):hover {
|
|
background-color: var(--button-important-surface-hover);
|
|
}
|
|
#ublock0-epicker.preview #preview {
|
|
background-color: var(--button-active-surface);
|
|
}
|
|
#ublock0-epicker section {
|
|
border: 0;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
#ublock0-epicker section > div:first-child {
|
|
border: 1px solid #aaa;
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
#ublock0-epicker section.invalidFilter > div:first-child {
|
|
border-color: red;
|
|
}
|
|
#ublock0-epicker section textarea {
|
|
background-color: #fff;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
color: #000;
|
|
font: 11px monospace;
|
|
height: 8em;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
padding: 2px;
|
|
resize: none;
|
|
width: 100%;
|
|
word-break: break-all;
|
|
}
|
|
#ublock0-epicker section textarea + div {
|
|
background-color: transparent;
|
|
bottom: 0;
|
|
display: flex;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
#resultsetModifiers {
|
|
align-items: flex-end;
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
}
|
|
#resultsetSpecificity {
|
|
display: inline-flex;
|
|
pointer-events: auto;
|
|
position: relative;
|
|
}
|
|
#resultsetSpecificity.hide {
|
|
display: none;
|
|
}
|
|
#resultsetSpecificity [data-specificity] {
|
|
background-color: var(--button-surface);
|
|
border: 0;
|
|
border-left: 1px solid white;
|
|
display: inline-block;
|
|
height: 1.2em;
|
|
width: 1.5em;
|
|
}
|
|
#resultsetSpecificity[data-specificity="0"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="1"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="1"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="2"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="2"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="2"] [data-specificity="2"],
|
|
#resultsetSpecificity[data-specificity="3"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="3"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="3"] [data-specificity="2"],
|
|
#resultsetSpecificity[data-specificity="3"] [data-specificity="3"],
|
|
#resultsetSpecificity[data-specificity="4"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="4"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="4"] [data-specificity="2"],
|
|
#resultsetSpecificity[data-specificity="4"] [data-specificity="3"],
|
|
#resultsetSpecificity[data-specificity="4"] [data-specificity="4"],
|
|
#resultsetSpecificity[data-specificity="5"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="5"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="5"] [data-specificity="2"],
|
|
#resultsetSpecificity[data-specificity="5"] [data-specificity="3"],
|
|
#resultsetSpecificity[data-specificity="5"] [data-specificity="4"],
|
|
#resultsetSpecificity[data-specificity="5"] [data-specificity="5"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="2"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="3"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="4"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="5"],
|
|
#resultsetSpecificity[data-specificity="6"] [data-specificity="6"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="0"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="1"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="2"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="3"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="4"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="5"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="6"],
|
|
#resultsetSpecificity[data-specificity="7"] [data-specificity="7"] {
|
|
background-color: var(--button-active-surface);
|
|
}
|
|
#resultsetSpecificity input {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
left: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
#resultsetCount {
|
|
background-color: #aaa;
|
|
color: white;
|
|
min-width: 2.2em;
|
|
padding: 2px 0;
|
|
text-align: center;
|
|
}
|
|
#ublock0-epicker section.invalidFilter #resultsetCount {
|
|
background-color: red;
|
|
}
|
|
#ublock0-epicker section > div:first-child + div {
|
|
direction: ltr;
|
|
margin: 2px 0;
|
|
text-align: right;
|
|
}
|
|
#ublock0-epicker ul {
|
|
padding: 0;
|
|
list-style-type: none;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
}
|
|
#ublock0-epicker #candidateFilters {
|
|
max-height: 16em;
|
|
overflow-y: auto;
|
|
}
|
|
#ublock0-epicker #candidateFilters > li:first-of-type {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
#ublock0-epicker .changeFilter > li > span:nth-of-type(1) {
|
|
font-weight: bold;
|
|
}
|
|
#ublock0-epicker .changeFilter > li > span:nth-of-type(2) {
|
|
font-size: smaller;
|
|
color: gray;
|
|
}
|
|
#ublock0-epicker #candidateFilters .changeFilter {
|
|
list-style-type: none;
|
|
margin: 0 0 0 1em;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
}
|
|
#ublock0-epicker #candidateFilters .changeFilter li {
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
direction: ltr;
|
|
font: 11px monospace;
|
|
white-space: nowrap;
|
|
}
|
|
#ublock0-epicker #candidateFilters .changeFilter li.active {
|
|
border: 1px dotted gray;
|
|
}
|
|
#ublock0-epicker #candidateFilters .changeFilter li:hover {
|
|
background-color: white;
|
|
}
|
|
|
|
/**
|
|
https://github.com/gorhill/uBlock/issues/3449
|
|
https://github.com/uBlockOrigin/uBlock-issues/issues/55
|
|
**/
|
|
@keyframes startDialog {
|
|
0% { opacity: 1.0; }
|
|
60% { opacity: 1.0; }
|
|
100% { opacity: 0.1; }
|
|
}
|
|
#ublock0-epicker.paused aside {
|
|
opacity: 0.1;
|
|
visibility: visible;
|
|
z-index: 100;
|
|
}
|
|
#ublock0-epicker.paused:not(.show):not(.hide) aside:not(:hover) {
|
|
animation-duration: 1.6s;
|
|
animation-name: startDialog;
|
|
animation-timing-function: linear;
|
|
}
|
|
#ublock0-epicker.paused aside:hover {
|
|
opacity: 1;
|
|
}
|
|
#ublock0-epicker.paused.show aside {
|
|
opacity: 1;
|
|
}
|
|
#ublock0-epicker.paused.hide aside {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
#ublock0-epicker svg {
|
|
cursor: crosshair;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
#ublock0-epicker.paused svg {
|
|
cursor: not-allowed;
|
|
}
|
|
#ublock0-epicker svg > path:first-child {
|
|
fill: rgba(0,0,0,0.5);
|
|
fill-rule: evenodd;
|
|
}
|
|
#ublock0-epicker svg > path + path {
|
|
stroke: #F00;
|
|
stroke-width: 0.5px;
|
|
fill: rgba(255,63,63,0.20);
|
|
}
|
|
#ublock0-epicker.zap svg > path + path {
|
|
stroke: #FF0;
|
|
stroke-width: 0.5px;
|
|
fill: rgba(255,255,63,0.20);
|
|
}
|
|
#ublock0-epicker.preview svg > path {
|
|
fill: rgba(0,0,0,0.10);
|
|
}
|
|
#ublock0-epicker.preview svg > path + path {
|
|
stroke: none;
|
|
}
|