Feature: Add focus styling

This commit is contained in:
Chris Hunt
2022-11-23 10:09:16 +00:00
parent a90bcb1151
commit c4d5ca43dd
3 changed files with 24 additions and 7 deletions

2
public/css/app.css vendored

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,4 @@
{
"/css/app.css": "/css/app.css?id=6ea3c72e541d7d5e9826",
"/css/app.css": "/css/app.css?id=cdbee4d3b17bce4786a2",
"/js/app.js": "/js/app.js?id=c15b7d6018358ee45de9"
}

View File

@@ -191,11 +191,13 @@ body {
width: 50px;
height: 50px;
background: rgba(0,0,0,0.8);
text-align: center;
line-height: 50px;
color: white;
margin-top: 1px;
position: relative;
border: 1px solid transparent;
display: flex;
justify-content: center;
align-items: center;
img {
width: 26px;
height: 26px;
@@ -484,9 +486,6 @@ body {
z-index: 1;
padding-right: 10px;
}
.link:focus {
background-color: rgba(10,10,10,.4);
}
.title {
font-size: 16px;
}
@@ -1125,3 +1124,21 @@ select:-webkit-autofill:focus {
transition: inherit;
color: $app-text!important;
}
#sortable:focus-within {
.item:focus-within {
outline: 1px solid #ffffff91;
}
.item:not(:focus-within) {
opacity: 0.4;
}
}
#config-buttons:focus-within {
a:focus {
outline: 0;
border: 1px solid #ffffff91;
}
a:not(:focus-within) {
opacity: 0.4;
}
}