UI glitch with Chrome 43.0.2357.65 or higher

[Kamen Ivanov]

If you have updated Chrome to the version 43.0.2357.65 or above you might experience some UI issues:

• board column headers not rendered correctly
• item details screen and item navigation might not render correctly

This will be fixed in our next release, meanwhile we could provide you with the following workaround:

For installation with our latest version 2014.2.908.0 (2014 R2)
Replace file "teampulse.view.css" which is usually located in "C:\Program Files (x86)\Telerik\TeamPulse\wwwroot\Content" with the one in attached archive

For installations of older versions
Edit the file mentioned above by replacing:

• .board-header{overflow:hidden}
  with
  .board-header{overflow:hidden;flex-grow:0;flex-shrink:0}
• .flex .flex-scrollable.board-table{overflow:scroll}
  with
  .flex .flex-scrollable.board-table{overflow:scroll;flex:auto}
• .flex .item-details-tab-content{-webkit-flex-grow:1;-ms-flex-negative:1;-ms-flex-positive:1;-ms-flex-preferred-size:0px;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;min-height:0;position:relative}
  with
  .flex .item-details-tab-content{-webkit-flex-grow:1;-ms-flex-negative:1;-ms-flex-positive:1;-ms-flex-preferred-size:0px;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;min-height:0;position:relative;flex-grow:1;flex-shrink:70}
• .flex .tasks #itemTasks{-webkit-flex-grow:1;-ms-flex-negative:1;-ms-flex-positive:1;-ms-flex-preferred-size:0px;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;min-height:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex .tasks #itemTasks .k-grid-content{-webkit-flex-grow:1;-ms-flex-negative:1;-ms-flex-positive:1;-ms-flex-preferred-size:0px;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;min-height:0;overflow-y:scroll;padding-right:0}
  with
  .flex .tasks #itemTasks{-webkit-flex-grow:1;-ms-flex-negative:1;-ms-flex-positive:1;-ms-flex-preferred-size:0px;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;min-height:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;flex-shrink:8}.flex .tasks #itemTasks .k-grid-content{-webkit-flex-grow:1;-ms-flex-negative:1;-ms-flex-positive:1;-ms-flex-preferred-size:0px;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;min-height:0;overflow-y:scroll;padding-right:0;flex-shrink:8}

[Michael]

The problem persists despite implementing the recommended changes.

[Barret]

We've applied this css hotfix to our TeamPulse installation and the issue still exists.

And yes we cleared our cache and cookies before re-testing, and also recycled the IIS Application Pool for the TeamPulse site - but this issue remains. 

[Kamen Ivanov]

Hello,

I have updated the attached file with the fix from my first post and I have also updated the instructions for installations with older version. Please, download the file again and replace the exiting with the new one.

Regards,
Kamen Ivanov
Telerik

 

[Barret]

Looks good now! Thanks Kamen!

[Vincent]

Was wondering if this glitch has been fixed in the latest 2015 build of TeamPulse?

[Kamen Ivanov]

Hello Vincent,

I'm happy to confirm that the issue is fixed in our latest release.

Regards,
Kamen Ivanov
Telerik