Update dashboard.css

Here I have updated the dashboard.css file for new transition and box shadow.
This commit is contained in:
Prajwal 2024-01-17 21:48:33 +05:30 committed by GitHub
parent 8f73c593a1
commit 205951f846
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 1 deletions

View File

@ -18,7 +18,7 @@
.layout--twocol .layout__region--first,
.layout--twocol .layout__region--second {
flex-basis: 50%;
max-width: calc(50% - var(--dashboard-spacing)*.5);
max-width: calc(50% - var(--dashboard-spacing) * 0.5);
}
}
@ -30,6 +30,12 @@
border: 1px solid var(--gin-border-color-layer);
box-shadow: var(--gin-shadow-l1);
border-radius: var(--gin-border-l);
transition: box-shadow 0.3s ease; /* New feature: Hover effect transition */
}
/* Hover effect on dashboard fieldsets */
.layout__region > fieldset.dashboard-pane:hover {
box-shadow: var(--gin-shadow-l2); /* New feature: Change box-shadow on hover */
}
/* Reduce spacing within dashboard fieldsets. */