Consistent focus appearance across desktop and mobile.

This commit is contained in:
hackademix 2020-06-02 18:18:12 +02:00
parent b2def01a63
commit a00bf03e16
2 changed files with 4 additions and 3 deletions

View File

@ -157,6 +157,7 @@ body {
}
#top > .icon:hover, #top > .icon:focus, #top > .icon:active {
outline: 0;
transform: scale(1.2);
}

View File

@ -329,8 +329,8 @@ span.preset {
overflow: visible;
}
html:not(.mobile) :focus {
outline: none;
:focus {
outline: 0;
box-shadow: inset 3px 3px 3px rgba(255,255,100, .5), -3px -3px 3px rgba(255,255,100, .5),
-3px 3px 3px rgba(255,255,100, .5), 3px -3px 3px rgba(255,255,100, .5);
}
@ -362,7 +362,7 @@ input.temp {
padding: 0;
border: 0;
opacity: 0;
outline: none;
outline: 0;
background: url(/img/ui-clock64.png) no-repeat center;
background-size: 60%;
width: 1.5em;