mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-10-29 09:36:10 +01:00
Fix focus indicator for avatar file upload
This commit is contained in:
2
gradle/changelog/file-upload-focus.yaml
Normal file
2
gradle/changelog/file-upload-focus.yaml
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
- type: fixed
|
||||||
|
description: File upload indicates focus visually
|
||||||
@@ -2620,7 +2620,8 @@ a.box:active {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative; }
|
position: relative;
|
||||||
|
border-radius: 4px; }
|
||||||
.file-label:hover .file-cta {
|
.file-label:hover .file-cta {
|
||||||
background-color: #eeeeee;
|
background-color: #eeeeee;
|
||||||
color: #363636; }
|
color: #363636; }
|
||||||
@@ -2631,6 +2632,10 @@ a.box:active {
|
|||||||
color: #363636; }
|
color: #363636; }
|
||||||
.file-label:active .file-name {
|
.file-label:active .file-name {
|
||||||
border-color: #cfcfcf; }
|
border-color: #cfcfcf; }
|
||||||
|
.file-label:has(.file-input:focus-visible){
|
||||||
|
outline: #af3ee7 3px solid;
|
||||||
|
outline-offset: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
.file-input {
|
.file-input {
|
||||||
height: 0.01em;
|
height: 0.01em;
|
||||||
|
|||||||
Reference in New Issue
Block a user