From 1dfb8ce38ba35f236bf0ed4a4c6f318a2acf46bb Mon Sep 17 00:00:00 2001
From: ktx-kirtan <124270523+ktx-kirtan@users.noreply.github.com>
Date: Fri, 6 Dec 2024 20:06:38 +0530
Subject: [PATCH] fix: update view dashboard sticky header due to header height
 change (#5283)

- #5282

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Enhanced dashboard layout and functionality with improved sticky
header positioning.
- Conditional rendering for buttons and components based on user states
(fullscreen and print mode).

- **Bug Fixes**
- Adjusted button visibility and attributes to improve user interaction
based on current dashboard state.

- **Refactor**
- Improved template structure for better readability and maintainability
while preserving existing functionality.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 web/src/views/Dashboards/ViewDashboard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/views/Dashboards/ViewDashboard.vue b/web/src/views/Dashboards/ViewDashboard.vue
index 7daaf4f702..37bb5fda0e 100644
--- a/web/src/views/Dashboards/ViewDashboard.vue
+++ b/web/src/views/Dashboards/ViewDashboard.vue
@@ -1070,7 +1070,7 @@ export default defineComponent({
 
 .stickyHeader {
   position: sticky;
-  top: 57px;
+  top: 40px;
   z-index: 1001;
 }
 .stickyHeader.fullscreenHeader {