dakboard / Cloud-Platform

Feature requests, enhancements and anything you'd like to see in DAKboard!
https://dakboard.com
166 stars 39 forks source link

Add Scolling effect to the Weather Alert blocks #2134

Closed rsalsbery closed 4 weeks ago

rsalsbery commented 3 months ago

Most of the services we use for the Weather Alert block will now load multiple alerts at a time. Because of this you will oftentimes only see one alert and a part of the second alert. In testing, I added the following CSS code to my screens to allow the Weather alert to scroll through the list of alerts:

.weather-alert {
   overflow: hidden;
   --myscrollerheight: 12vh;
}

@keyframes scroll-vert-marquee-1 {
   0% { transform: translateY(calc(var(--myscrollerheight))); }
  100% {transform: translateY(-150%);}
}

.weather-alert {
  animation-name: scroll-vert-marquee-1;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;  
}

This CSS is not perfect but functional. This case is to explore the ability to add a Scrolling Option to this block so that customers can toggle this on or off if they like.

Dan-Peck commented 4 weeks ago

Merged in @ fb7adcc and added to the queue for upcoming release to the live site.