Change priority color to icon/img

[VCSousa]

Hi everyone,

So, last weak i was doing some tweaks on OTRS for my company and thinked on change the priority colors to the logo of my company colored with priority.

I asked some help to Emin (zzz) and we got this:

Using Efflux (emin) addon for custom CSS (You should try it They have some more nice modules, add to it the follow CSS:

.Flag span.PriorityID-3 {
background-image: url(https://www.google.com/images/branding/ ... 2x92dp.png);
background-size: 100%;
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
}

.Flag span[class^="PriorityID-"] {
border-radius: 0;
}

If it appears to small to you, you can expand the logo by adding the follow block:

.Flag.Small {
width: 16px;
height: 16px;
}

All credits to Emin by the help and work trying helping the community with the posts and magnific addons

[zzz]

Hello Ruben,

Thanks for sharing.

If other forum users have ideas on what could be changes CSS wise, we could build a small database.
I can provide the code if you submit ideas.

Best regards
Emin

[VCSousa]

For now, the only thing that I have change only with pure CSS are this one.

I have other small things but includes JS changes too.

Also I'm trying to make it work what I talked with you about change the background of DynamicFields on TicketZoom based on them values.