From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 10 Jul 2020 15:59:17 +0000 (+0200)
Subject: Experiment with fade in dashboard panel header
X-Git-Tag: v20.0.0beta1~122^2~24
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=1448f54e04f5438676902913cf2861072cee31e6;p=nextcloud-server.git

Experiment with fade in dashboard panel header

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---

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;