diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2020-07-10 17:59:17 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2020-08-05 17:01:28 +0200 |
| commit | 1448f54e04f5438676902913cf2861072cee31e6 (patch) | |
| tree | 0f1aa41f013be85c1c284568b143c3eb4511a7b9 | |
| parent | 9cde19889eccb526d93add441a4b1144ac9e9379 (diff) | |
| download | nextcloud-server-1448f54e04f5438676902913cf2861072cee31e6.tar.gz nextcloud-server-1448f54e04f5438676902913cf2861072cee31e6.zip | |
Experiment with fade in dashboard panel header
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
| -rw-r--r-- | apps/dashboard/src/App.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index 268a6980a10..d30dc528dea 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -220,9 +220,10 @@ export default { display: flex; top: 50px; padding: 16px; - background: linear-gradient(var(--color-main-background-translucent), var(--color-main-background-translucent) 80%, rgba(255, 255, 255, 0)); - border-top-left-radius: var(--border-radius-large); - border-top-right-radius: var(--border-radius-large); + // TO DO: use variables here + background: linear-gradient(170deg, rgba(0, 130,201, 0.2) 0%, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 100%); + border-top-left-radius: calc(var(--border-radius-large) - 2px); + border-top-right-radius: calc(var(--border-radius-large) - 2px); backdrop-filter: blur(4px); cursor: grab; |