Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-09-14 23:12:28 +02:00
Code Issues Releases Wiki Activity

Fine tune visual of slider widgets in element picker

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/css/epicker-ui.css
View File

@ -125,23 +125,30 @@ html#ublock0-epicker,
width: 40%; width: 40%;
} }
.resultsetModifier > span { .resultsetModifier > span {
align-items: center; align-items: flex-end;
display: inline-flex; border-bottom: 2px solid white;
display: flex;
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
width: 100%; width: 100%;
} }
.resultsetModifier > span > span:nth-of-type(1) { .resultsetModifier > span > span:nth-of-type(1) {
background-color: var(--checkbox-checked-ink); background-color: var(--checkbox-checked-ink);
border-top-left-radius: 3px; border-inline-end: 1px solid #aaa;
border-bottom-left-radius: 3px;
display: inline-block; display: inline-block;
flex-shrink: 0; flex-shrink: 0;
height: 6px; height: 6px;
} }
.resultsetModifier > span > span:nth-of-type(2) { .resultsetModifier > span > span:nth-of-type(2) {
background-color: var(--checkbox-checked-ink); 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; display: inline-block;
flex-shrink: 0; flex-shrink: 0;
height: 16px; height: 16px;
@ -149,11 +156,10 @@ html#ublock0-epicker,
} }
.resultsetModifier > span > span:nth-of-type(3) { .resultsetModifier > span > span:nth-of-type(3) {
background-color: var(--checkbox-ink); background-color: var(--checkbox-ink);
border-top-right-radius: 2px; border-inline-start: 1px solid #aaa;
border-bottom-right-radius: 2px;
display: inline-block; display: inline-block;
flex-grow: 1; flex-grow: 1;
height: 4px; height: 6px;
} }
.resultsetModifier input { .resultsetModifier input {
border: 0; border: 0;