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

20
src/css/popup.css
View file

@ -1905,15 +1905,25 @@ manage things like container crud */
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 {
background-color: var(--usercontext-bg-focus-color);
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"]:focus + label {
outline: solid 1px var(--input-border-focus-color);
-moz-outline-radius: 100%;
.radio-choice > .radio-container > [type="radio"]:checked + label:hover {
background-color: var(--usercontext-bg-hover-color);
border-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 {
@ -2404,4 +2414,4 @@ tr:hover > td > .trash-button {
.searchbar input {
inline-size: 100%;
}
}