Restart and Running tasks

[Happy2Play 8242]

 

/*Dashboard Restart Notification Bell*/
#dashboardPage div.infoBanner.restartInfoBanner.flex.align-items-center i {
color: red;
 
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}

/*Scheduled Task Running*/
div.scheduledTaskPaperIconItem[data-status="Running"] i.listItemIcon.md-icon {
        background-color: red; 
 	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite; }

[riothamus 51]

Very slick, thank you for this!

[KickVanelli 5]

Hi Happy2Play,

 

I like it very much but it doesn't work for me.

I see no difference (I'm running 4.3.0.23).

[Happy2Play 8242]

Hi Happy2Play,

 

I like it very much but it doesn't work for me.

I see no difference (I'm running 4.3.0.23).

That is what I am running on.  This usually means you have broken code somewhere.

[KickVanelli 5]

It's OK now.

Thanks Happy2Play

[Happy2Play 8242]

Add Missing and Unaired indicators and color change on unaired

Complete code if you only want this, you can drop the @-webkit-keyframes flash and @keyframes flash if you already have it.

/*Missing and Unaired indicators*/
div.undefinedmissingIndicator {color: red;}
div.undefinedunairedIndicator {color: orange;}
div.unairedIndicator {
    background: orange;
}
div.missingIndicator, div.unairedIndicator {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}

Edited November 14, 2020 by Happy2Play

[Meeko 34]

How can i translate the Words "missing" and "Unaired" ??

is it possible in css??

 

best regards

[Happy2Play 8242]

1 hour ago, Soldize said:

How can i translate the Words "missing" and "Unaired" ??

is it possible in css??

 

best regards

You mean something like this?

/*Chang Unaired text*/
div.undefinedunairedIndicator, div.unairedIndicator {
	text-indent: -9999px;
	line-height: 0;
}

div.undefinedunairedIndicator:after, div.unairedIndicator:after {
	content: "Future";
	text-indent: 0;
	display: block;
	line-height: initial;
}

Same for div.undefinedmissingIndicator, div.missingIndicator.

[Meeko 34]

big thanks