Due date colors are not showing

[astifr]

Hi all, I'm testing this plugin but I have a problem with due date colors.

As you can view in the picture, after configure due date tints I can't see any color at the sides.

somebody could tell me what I'm doing wrong?

Environment:
Redmine version 4.2.0.stable
Ruby version 2.5.0-p0 (2017-12-25) [x86_64-linux]
Rails version 5.2.5
Environment production
Database adapter Mysql2
Mailer queue ActiveJob::QueueAdapters::AsyncAdapter
Mailer delivery smtp
SCM:
Git 2.17.1
Filesystem
Redmine plugins:
redmine_tint_issues 1.2.1

Thanks in advance

Edit: I try to reboot the server but there are no changes.

[HugoHasenbein]

Dear David, I assume you did save "(Apply") the settings. I am currently contemplating to integrate a live preview, so "Applying" is not necessary anymore to see the effect. I suspect, there is a css mishap somewhere. If you rightclick on the sides in Safari, Chrome or Firefox, where the due date is supposed to show up, then an html inspection window of the browser should show up, and should show you something like like the following: redmine_tint_issues.css:68: table.list tbody tr:nth-child(odd).due, table.list tbody tr:nth-child(even).due { border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-left-color: <CHOESENCOLOR>; border-right-width: 5px; border-right-color: <CHOESENCOLOR>; border-collapse: separate; } If another plugin overrides these settings, then there might be a css collision. Could you list your plugins? best regards Stephan

…

Am 27.04.2021 um 09:07 schrieb David ***@***.***>: Hi all, I'm testing this plugin but I have a problem with due date colors. As you can view in the picture, after configure due date tints I can't see any color at the sides. <https://user-images.githubusercontent.com/6593060/116199610-9a60b100-a737-11eb-87b2-0d0d2eb48c5e.png> Environment: Redmine version 4.2.0.stable Ruby version 2.5.0-p0 (2017-12-25) [x86_64-linux] Rails version 5.2.5 Environment production Database adapter Mysql2 Mailer queue ActiveJob::QueueAdapters::AsyncAdapter Mailer delivery smtp SCM: Git 2.17.1 Filesystem Redmine plugins: redmine_tint_issues 1.2.1 Thanks in advance — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#5>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJWRDREHLW3Q53DYM53HSITTKZPCPANCNFSM43UMDJ2Q>.

[astifr]

Thank you Stephan.

Yes, Apply is not the problem ;)

I don't have any others plugins, tint is the only one.

I'm not an expert in HTML but I think that you are speaking about this part of code:

`

<style> /* current */ table.list tbody tr.current:nth-child(odd) { background-color:#1C14FF; } table.list tbody tr.current:nth-child(even) { background-color:#2921ff; } table.list tbody tr.current:nth-child(odd):hover { background-color:lightyellow; } table.list tbody tr.current:nth-child(even):hover { background-color:lightyellow; }

/* old */
table.list tbody tr.old:nth-child(odd) { background-color:#C4C4C4; }
table.list tbody tr.old:nth-child(even) { background-color:#d1d1d1; }
table.list tbody tr.old:nth-child(odd):hover { background-color:orange; }
table.list tbody tr.old:nth-child(even):hover { background-color:orange; }

/* older */
table.list tbody tr.older:nth-child(odd) { background-color:#FFFFFF; }
table.list tbody tr.older:nth-child(even) { background-color:#ffffff; }
table.list tbody tr.older:nth-child(odd):hover { background-color:orange; }
table.list tbody tr.older:nth-child(even):hover { background-color:orange; }

/* veryold */
table.list tbody tr.veryold:nth-child(odd) { background-color:#FFFFFF; }
table.list tbody tr.veryold:nth-child(even) { background-color:#ffffff; }
table.list tbody tr.veryold:nth-child(odd):hover { background-color:orange; }
table.list tbody tr.veryold:nth-child(even):hover { background-color:orange; }

/* ancient */
table.list tbody tr.ancient:nth-child(odd) { background-color:#333333; }
table.list tbody tr.ancient:nth-child(even) { background-color:#404040; }
table.list tbody tr.ancient:nth-child(odd):hover { background-color:lightyellow; }
table.list tbody tr.ancient:nth-child(even):hover { background-color:lightyellow; }

/* hasduedate */
table.list tbody tr:nth-child(odd).hasduedate,
table.list tbody tr:nth-child(even).hasduedate
{
border-left-style: solid;
border-right-style: solid;
border-left-width: 5px;
border-left-color: #7AFFFB;
border-right-width: 5px;
border-right-color:#7AFFFB;
border-collapse: separate;
}

/* due */
table.list tbody tr:nth-child(odd).due,
table.list tbody tr:nth-child(even).due
{
border-left-style: solid;
border-right-style: solid;
border-left-width: 5px;
border-left-color: #26FF05;
border-right-width: 5px;
border-right-color: #26FF05;
border-collapse: separate;
}

/* moredue */
table.list tbody tr:nth-child(odd).moredue,
table.list tbody tr:nth-child(even).moredue
{
border-left-style: solid;
border-right-style: solid;
border-left-width: 5px;
border-left-color: #EEFF00;
border-right-width: 5px;
border-right-color: #EEFF00;
border-collapse: separate;
}

/* verydue */
table.list tbody tr:nth-child(odd).verydue,
table.list tbody tr:nth-child(even).verydue
{
border-left-style: solid;
border-right-style: solid;
border-left-width: 5px;
border-left-color: #FF0000;
border-right-width: 5px;
border-right-color: #FF0000;
border-collapse: separate;
}

/* overdue */
table.list tbody tr:nth-child(odd).overdue,
table.list tbody tr:nth-child(even).overdue
{
border-left-style: solid;
border-right-style: solid;
border-left-width: 5px;
border-left-color: #030303;
border-right-width: 5px;
border-right-color: #030303;
border-collapse: separate;
}
</style>
`

Any ideas?

[HugoHasenbein]

Dear David, now you've copied the html, which contains the css code. I meant to open the html inspector. Attached is the Safari Inspector, Chrome and Firefox have very similar inspectors. The information, where the browser takes style information from is important. I suspect, your theme might collide with my plugin or the css file is not copied to the public folder for some reason. Please try to get the info as in the picture attached. best regards Stephan

…

Am 27.04.2021 um 15:31 schrieb David ***@***.***>: Thank you Stephan. Yes, Apply is not the problem ;) I don't have any others plugins, tint is the only one. <https://user-images.githubusercontent.com/6593060/116249952-9780b300-a76d-11eb-99bf-528b4ac3d499.png> I'm not an expert in HTML but I think that you are speaking about this part of code: ` <style> /* current */ table.list tbody tr.current:nth-child(odd) { background-color:#1C14FF; } table.list tbody tr.current:nth-child(even) { background-color:#2921ff; } table.list tbody tr.current:nth-child(odd):hover { background-color:lightyellow; } table.list tbody tr.current:nth-child(even):hover { background-color:lightyellow; } /* old */ table.list tbody tr.old:nth-child(odd) { background-color:#C4C4C4; } table.list tbody tr.old:nth-child(even) { background-color:#d1d1d1; } table.list tbody tr.old:nth-child(odd):hover { background-color:orange; } table.list tbody tr.old:nth-child(even):hover { background-color:orange; } /* older */ table.list tbody tr.older:nth-child(odd) { background-color:#FFFFFF; } table.list tbody tr.older:nth-child(even) { background-color:#ffffff; } table.list tbody tr.older:nth-child(odd):hover { background-color:orange; } table.list tbody tr.older:nth-child(even):hover { background-color:orange; } /* veryold */ table.list tbody tr.veryold:nth-child(odd) { background-color:#FFFFFF; } table.list tbody tr.veryold:nth-child(even) { background-color:#ffffff; } table.list tbody tr.veryold:nth-child(odd):hover { background-color:orange; } table.list tbody tr.veryold:nth-child(even):hover { background-color:orange; } /* ancient */ table.list tbody tr.ancient:nth-child(odd) { background-color:#333333; } table.list tbody tr.ancient:nth-child(even) { background-color:#404040; } table.list tbody tr.ancient:nth-child(odd):hover { background-color:lightyellow; } table.list tbody tr.ancient:nth-child(even):hover { background-color:lightyellow; } /* hasduedate */ table.list tbody tr:nth-child(odd).hasduedate, table.list tbody tr:nth-child(even).hasduedate { border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-left-color: #7AFFFB; border-right-width: 5px; border-right-color:#7AFFFB; border-collapse: separate; } /* due */ table.list tbody tr:nth-child(odd).due, table.list tbody tr:nth-child(even).due { border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-left-color: #26FF05; border-right-width: 5px; border-right-color: #26FF05; border-collapse: separate; } /* moredue */ table.list tbody tr:nth-child(odd).moredue, table.list tbody tr:nth-child(even).moredue { border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-left-color: #EEFF00; border-right-width: 5px; border-right-color: #EEFF00; border-collapse: separate; } /* verydue */ table.list tbody tr:nth-child(odd).verydue, table.list tbody tr:nth-child(even).verydue { border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-left-color: #FF0000; border-right-width: 5px; border-right-color: #FF0000; border-collapse: separate; } /* overdue */ table.list tbody tr:nth-child(odd).overdue, table.list tbody tr:nth-child(even).overdue { border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-left-color: #30303; border-right-width: 5px; border-right-color: #30303; border-collapse: separate; } </style> ` Any ideas? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#5 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJWRDRAKIO63A3OKI7VVY6LTK24ERANCNFSM43UMDJ2Q>.

[astifr]

Thank you Stephan, I can't see any attach in your message, could you repost it?

[astifr]

Hi again, I think this is that you are looking for,

[HugoHasenbein]

Dear David, it looks good. The very due row should have a 5px wide left and right red border. And it does not, you write?

…

Am 27.04.2021 um 17:23 schrieb David ***@***.***>: Hi again, I think this is that you are looking for, <https://user-images.githubusercontent.com/6593060/116268011-306afa80-a77d-11eb-95a5-dca0dfc49df0.png> — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#5 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJWRDRDW3FTQIJSFLV2OIPLTK3JHBANCNFSM43UMDJ2Q>.

[astifr]

Exactly, I don't know why but not work.
Here you can see the whole page, with inpect, in Chrome,

I obtaint the same result with Mozilla and with Edge.
I reinstall the plugin but with the same result.

seems a x-files :D

Maybe are there any incompatibility with language? The whole system is in spanish.

I obtain the same result with classic theme,

thank you for your help.

[HugoHasenbein]

Dear David, to be honest, I am clued. Your inspector reveals, that table.list tbody tr:nth-child(even).verydue has a border-left-color: #ff0000; which is, what it should have. It seems correct. According to mozilla.org <http://mozilla.org/> the css directive border-left-color is supported by Browser since Version Internet Explorer 4.0 Firefox (Gecko) 1.0 (1.0) Opera 3.5 Safari (WebKit) 1.0 (85) Are you using an older version? Best regards Stephan

…

Am 28.04.2021 um 08:28 schrieb David ***@***.***>: Exactly, I don't know why but not work. Here you can see the whole page, with inpect, in Chrome, <https://user-images.githubusercontent.com/6593060/116356152-31427180-a7fb-11eb-85fd-81286e819a7a.png> I obtaint the same result with Mozilla and with Edge. I reinstall the plugin but with the same result. seems a x-files :D Maybe are there any incompatibility with language? The whole system is in spanish. thank you for your help. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#5 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJWRDRAMCT4YVKR74RRQ6V3TK6THDANCNFSM43UMDJ2Q>.

[astifr]

Hi Stephan.

I'm using the latest version of Chrome. I tried with the lattest version of Firefox too.
I think that we are in a dead end...

Don't worry if you can't do any more.

Thank you!

[pztrn]

Encountered the very same problem and found that restart fixes this problem.

I'm using plugin version 1.2.1 with Redmine 4.2.5 and puma 4.3.8.