ad focus style to focusable elements on home page #1506

+ add border radius to match elements
This commit is contained in:
daria 2024-08-05 13:53:03 +03:00
parent 7e17111412
commit 9eb9259ce6

View file

@ -6,6 +6,7 @@
@import (reference) "./colortheme-all.less"; @import (reference) "./colortheme-all.less";
@import (reference) "./font.less"; @import (reference) "./font.less";
@import (reference) "./variables.less";
@infopages-radius: 5px; @infopages-radius: 5px;
@infopages-radius-L: 10px; @infopages-radius-L: 10px;
@ -46,6 +47,10 @@ body.html {
a:hover { a:hover {
opacity: 1; opacity: 1;
} }
a:focus {
outline: @variables_focus_style;
border-radius: @variables_radius;
}
border: 0; border: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -231,6 +236,9 @@ body.html {
border: 0px; border: 0px;
border-radius: @infopages-radius; border-radius: @infopages-radius;
padding: 0.5em 0.7em; padding: 0.5em 0.7em;
&:focus {
outline: @variables_focus_style;
}
} }
} }
.cp-footer-version { .cp-footer-version {
@ -293,6 +301,9 @@ body.html {
&:hover { &:hover {
color: @cryptpad_text_col; color: @cryptpad_text_col;
} }
&:focus {
outline: @variables_focus_style;
}
i { i {
margin-right: 5px; margin-right: 5px;
} }