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

Merge pull request #1888 from simonspa/hover_effects

Browse Source
This commit is contained in:
Julius Härtl
2020-05-15 12:02:54 +02:00
committed by GitHub
parent d804bfc9bf 0cb813b731
commit b58487eb25
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -237,12 +237,14 @@ export default {
margin: 3px -3px; margin: 3px -3px;
margin-right: -10px; margin-right: -10px;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 3px;
background-color: var(--color-main-background-translucent); background-color: var(--color-main-background-translucent);
cursor: grab;
h3, form { h3, form {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
cursor: inherit;
input[type=text] { input[type=text] {
flex-grow: 1; flex-grow: 1;

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

@@ -168,6 +168,10 @@ export default {
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
} }
.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);