github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-29 12:38:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

Show file-image actions button upon focus; Use hover style for focused buttons (#8614)

Browse Source
This commit is contained in:
Adrian Dimitrov
2021-10-07 07:36:19 -07:00
committed by GitHub
parent 85c95f7f9b
commit e8bc145a02
2 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/v-button/v-button.vue
View File

@@ -300,6 +300,7 @@ export default defineComponent({
transition-property: background-color border;
}
.button:focus,
.button:hover {
color: var(--v-button-color-hover);
background-color: var(--v-button-background-color-hover);
@@ -339,6 +340,7 @@ export default defineComponent({
background-color: transparent;
}
.outlined:not(.active):focus,
.outlined:not(.active):hover {
color: var(--v-button-background-color-hover);
background-color: transparent;

1
app/src/interfaces/file-image/file-image.vue
View File

@@ -369,6 +369,7 @@ img {
transition: max-height var(--fast) var(--transition);
}
.image-preview:focus-within,
.image-preview:hover {
.shadow {
height: 100%;