rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix broken radio focus styling in light mode

Browse source 
5ccf55cbd1
This commit is contained in:
BPower0036 2022-12-05 08:30:43 +00:00 • committed by GitHub
parent b7e16cb700
commit 261d9d594b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/css/popup.css
View file

@ -1905,15 +1905,25 @@ manage things like container crud */
margin-inline: auto; margin-inline: auto;
} }
/* When focusing the element add a thin blue highlight to match input fields. This gives a distinction to other selected radio items */
.radio-choice > .radio-container > [type="radio"]:focus + label {
outline: solid 1px var(--input-border-focus-color);
-moz-outline-radius: 100%;
}
.radio-choice > .radio-container > [type="radio"]:checked + label { .radio-choice > .radio-container > [type="radio"]:checked + label {
background-color: var(--usercontext-bg-focus-color); background-color: var(--usercontext-bg-focus-color);
border-radius: 100%; border-radius: 100%;
} }
/* When focusing the element add a thin blue highlight to match input fields. This gives a distinction to other selected radio items */ .radio-choice > .radio-container > [type="radio"]:checked + label:hover {
.radio-choice > .radio-container > [type="radio"]:focus + label { background-color: var(--usercontext-bg-hover-color);
outline: solid 1px var(--input-border-focus-color); border-radius: 100%;
-moz-outline-radius: 100%; }
.radio-choice > .radio-container > [type="radio"]:checked + label:active {
background-color: var(--usercontext-bg-active-color);
border-radius: 100%;
} }
.edit-container-panel fieldset { .edit-container-panel fieldset {