diff --git a/wwwroot/css/base.css b/wwwroot/css/base.css index 625ae68..b08f9cc 100644 --- a/wwwroot/css/base.css +++ b/wwwroot/css/base.css @@ -109,3 +109,12 @@ textarea { 50% { rotate: 180deg; } 100% { rotate: 360deg; } } + +a { + color: var(--primary); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} diff --git a/wwwroot/css/dashboard.css b/wwwroot/css/dashboard.css index f3095a6..dca5198 100644 --- a/wwwroot/css/dashboard.css +++ b/wwwroot/css/dashboard.css @@ -69,10 +69,15 @@ } .card.clickable { + pointer-events: none; +} + +.card.clickable:not(:has(.card-menu-dropdown:not([hidden]))) { + pointer-events: unset; cursor: pointer; } -.card.clickable:hover { +.card.clickable:not(:has(.card-menu-dropdown:not([hidden]))):hover { border-color: var(--primary); filter: var(--hover-filter); } @@ -185,6 +190,7 @@ padding-block: var(--badge-spacing); z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); + pointer-events: all; } .card-menu-dropdown[hidden] { diff --git a/wwwroot/index.html b/wwwroot/index.html index a3a5582..b3a755a 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -109,7 +109,7 @@ - + diff --git a/wwwroot/js/pages/dashboard.js b/wwwroot/js/pages/dashboard.js index 1666c87..6c71ae9 100644 --- a/wwwroot/js/pages/dashboard.js +++ b/wwwroot/js/pages/dashboard.js @@ -60,8 +60,8 @@ registerPage('dashboard', {
@@ -79,6 +79,12 @@ registerPage('dashboard', { chatBtn.title = 'Kein Agent zugewiesen'; } + // Card selbst klickbar wenn Agent zugewiesen + if (agent) { + card.classList.add('clickable'); + card.addEventListener('click', () => navigateTo('chat', { id: s.sessionId })); + } + const menuTrigger = card.querySelector('.card-menu-trigger'); const menuDropdown = card.querySelector('.card-menu-dropdown'); menuTrigger.addEventListener('click', (e) => {