Fix [type="range"]:focus

This commit is contained in:
Lucas 2020-10-01 09:56:08 +07:00
parent c89db4ec2d
commit c4fb3ec4af
10 changed files with 33 additions and 10 deletions

View file

@ -1315,7 +1315,7 @@ label > textarea {
}
[type="range"]:focus {
background: transparent;
background: transparent !important;
}
[type="range"]:focus::-webkit-slider-runnable-track {
@ -1334,6 +1334,10 @@ label > textarea {
box-shadow: 0 0 0 0.1rem var(--input-focus);
}
[type="range"]:active {
background: transparent !important;
}
[type="range"]:active::-webkit-slider-thumb {
transform: scale(1.25);
background-color: var(--primary);

File diff suppressed because one or more lines are too long

View file

@ -1533,7 +1533,7 @@ label > textarea {
}
[type="range"]:focus {
background: transparent;
background: transparent !important;
}
[type="range"]:focus::-webkit-slider-runnable-track {
@ -1552,6 +1552,10 @@ label > textarea {
box-shadow: 0 0 0 0.1rem var(--input-focus);
}
[type="range"]:active {
background: transparent !important;
}
[type="range"]:active::-webkit-slider-thumb {
transform: scale(1.25);
background-color: var(--primary);

View file

@ -1311,7 +1311,7 @@ label > textarea {
}
[type="range"]:focus {
background: transparent;
background: transparent !important;
}
[type="range"]:focus::-webkit-slider-runnable-track {
@ -1330,6 +1330,10 @@ label > textarea {
box-shadow: 0 0 0 0.1rem var(--input-focus);
}
[type="range"]:active {
background: transparent !important;
}
[type="range"]:active::-webkit-slider-thumb {
transform: scale(1.25);
background-color: var(--primary);

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -201,7 +201,13 @@
}
&:focus {
@if $enable-important {
background: transparent !important;
}
@else {
background: transparent;
}
// Slider Track
&::-webkit-slider-runnable-track {
@ -223,6 +229,13 @@
&:active {
@if $enable-important {
background: transparent !important;
}
@else {
background: transparent;
}
// Slider Thumb
&::-webkit-slider-thumb {
transform: scale(1.25);

View file

@ -281,7 +281,6 @@ form small {
color: var(--muted-text);
}
// Helper: padding
input,
select,
textarea {

View file

@ -89,5 +89,4 @@
// Transitions: <a>, <form> elements and <button>
--transition: .2s ease-in-out;
}