ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix card hover/active states

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-10-13 10:48:37 +02:00
parent 7efd702b24
commit c1423cde5a
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/board/Stack.vue
View File

@@ -282,7 +282,6 @@ export default {
margin-right: -10px; margin-right: -10px;
margin-top: 0; margin-top: 0;
margin-bottom: 3px; margin-bottom: 3px;
background-color: var(--color-main-background-translucent);
cursor: grab; cursor: grab;
h3, form { h3, form {

9
src/components/cards/CardItem.vue
View File

@@ -160,10 +160,6 @@ export default {
@import './../../css/animations'; @import './../../css/animations';
@import './../../css/variables'; @import './../../css/variables';
.card:hover {
box-shadow: 0 0 5px 1px var(--color-box-shadow);
}
.card { .card {
transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out;
box-shadow: 0 0 2px 0 var(--color-box-shadow); box-shadow: 0 0 2px 0 var(--color-box-shadow);
@@ -180,9 +176,12 @@ export default {
border: 2px solid var(--color-border); border: 2px solid var(--color-border);
} }
&.current-card { &:hover {
box-shadow: 0 0 5px 0 var(--color-box-shadow); box-shadow: 0 0 5px 0 var(--color-box-shadow);
} }
&.current-card {
box-shadow: 0 0 5px 1px var(--color-box-shadow);
}
.card-upper { .card-upper {
display: flex; display: flex;