Button focus colour

merge-requests/30/head
Bob Mottram 2024-05-20 15:23:09 +01:00
parent 893ba53b79
commit cd2be96140
1 changed files with 40 additions and 2 deletions

View File

@ -435,7 +435,7 @@ blockquote p {
font-family: var(--header-font);
}
.imageAnchor:focus img{
.imageAnchor img:focus {
border: 2px solid var(--focus-color);
}
@ -598,6 +598,10 @@ a:focus {
width: 10%;
}
.timelineIcon img:focus {
border: 2px solid var(--focus-color);
}
.timeline-posts {
background-color: var(--timeline-posts-background-color);
}
@ -716,7 +720,7 @@ a:focus {
border: 2px solid var(--focus-color);
}
.message:focus img{
.message img:focus {
border: 2px solid var(--focus-color);
}
@ -759,6 +763,10 @@ a:focus {
margin: 0px var(--containericons-horizontal-offset);
}
.containericons img:focus {
border: 2px solid var(--focus-color);
}
.replyingto {
color: var(--main-fg-color);
}
@ -1410,6 +1418,9 @@ h3 {
.col-left img.leftColEditImage:hover {
filter: brightness(var(--icon-brightness-change));
}
.col-left img.leftColEditImage:focus {
border: 2px solid var(--focus-color);
}
.col-left img.leftColEdit {
background: var(--column-left-color);
width: var(--column-left-icon-size);
@ -1457,6 +1468,9 @@ h3 {
.col-right img.rightColEditImage:hover {
filter: brightness(var(--icon-brightness-change));
}
.col-right img.rightColEditImage:focus {
border: 2px solid var(--focus-color);
}
.col-right img.rightColEdit {
float: right;
background: transparent;
@ -2280,6 +2294,12 @@ h3 {
width: 0%;
display: none;
}
.col-left img.leftColEditImage:hover {
filter: brightness(var(--icon-brightness-change));
}
.col-left img.leftColEditImage:focus {
border: 2px solid var(--focus-color);
}
.col-center {
width: 100vw;
}
@ -2292,6 +2312,12 @@ h3 {
width: 0%;
display: none;
}
.col-right img.rightColEditImage:hover {
filter: brightness(var(--icon-brightness-change));
}
.col-right img.rightColEditImage:focus {
border: 2px solid var(--focus-color);
}
.column-right {
display: none;
width: 0%;
@ -3119,6 +3145,12 @@ h3 {
width: 0%;
display: none;
}
.col-left img.leftColEditImage:hover {
filter: brightness(var(--icon-brightness-change));
}
.col-left img.leftColEditImage:focus {
border: 2px solid var(--focus-color);
}
.col-center {
width: 100vw;
}
@ -3131,6 +3163,12 @@ h3 {
width: 0%;
display: none;
}
.col-right img.rightColEditImage:hover {
filter: brightness(var(--icon-brightness-change));
}
.col-right img.rightColEditImage:focus {
border: 2px solid var(--focus-color);
}
.column-right {
display: none;
width: 0%;