Fine tune visual of slider widgets in element picker

Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/851
This commit is contained in:
Raymond Hill 2020-09-16 07:01:16 -04:00
parent ec6ab74356
commit 7ed543db0d
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
1 changed files with 14 additions and 8 deletions

View File

@ -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;