mirror of
https://github.com/gorhill/uBlock.git
synced 2024-09-01 16:49:39 +02:00
Fine tune visual of slider widgets in element picker
Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851
This commit is contained in:
parent
ec6ab74356
commit
7ed543db0d
@ -125,23 +125,30 @@ html#ublock0-epicker,
|
||||
width: 40%;
|
||||
}
|
||||
.resultsetModifier > span {
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
align-items: flex-end;
|
||||
border-bottom: 2px solid white;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
}
|
||||
.resultsetModifier > span > span:nth-of-type(1) {
|
||||
background-color: var(--checkbox-checked-ink);
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-inline-end: 1px solid #aaa;
|
||||
display: inline-block;
|
||||
flex-shrink: 0;
|
||||
height: 6px;
|
||||
}
|
||||
.resultsetModifier > span > span:nth-of-type(2) {
|
||||
background-color: var(--checkbox-checked-ink);
|
||||
border-radius: 7px;
|
||||
clip-path: polygon(
|
||||
calc(50% - 2px) 0%,
|
||||
0% calc(100% - 6px),
|
||||
0% 100%,
|
||||
100% 100%,
|
||||
100% calc(100% - 6px),
|
||||
calc(50% + 2px) 0%
|
||||
);
|
||||
display: inline-block;
|
||||
flex-shrink: 0;
|
||||
height: 16px;
|
||||
@ -149,11 +156,10 @@ html#ublock0-epicker,
|
||||
}
|
||||
.resultsetModifier > span > span:nth-of-type(3) {
|
||||
background-color: var(--checkbox-ink);
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-inline-start: 1px solid #aaa;
|
||||
display: inline-block;
|
||||
flex-grow: 1;
|
||||
height: 4px;
|
||||
height: 6px;
|
||||
}
|
||||
.resultsetModifier input {
|
||||
border: 0;
|
||||
|
Loading…
Reference in New Issue
Block a user