UI cleanup of side panel

[ShivangRawat30]

Summary

Did the UI cleanup of resource duration in Content Renderer side panel

before

after

References

#11206

Reviewer guidance

…

---

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical user journeys are covered by Gherkin stories
• Critical and brittle code paths are covered by unit tests

PR process

• PR has the correct target branch and milestone
• PR has 'needs review' or 'work-in-progress' label
• If PR is ready for review, a reviewer has been added. (Don't use 'Assignees')
• If this is an important user-facing change, PR or related issue has a 'changelog' label
• If this includes an internal dependency change, a link to the diff is provided

Reviewer checklist

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-0.16.0b5.dev0_git.197.gee7f4036.pex
Windows Installer (EXE)	kolibri-0.16.0b5.dev0+git.197.gee7f4036-unsigned.exe
Debian Package	kolibri_0.16.0b5.dev0+git.197.gee7f4036-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.16.0b5.dev0+git.197.gee7f4036-0.3.0.dmg
Android Package (APK)	kolibri-0.16.0b5.dev0+git.197.gee7f4036-0.1.0-debug.apk
TAR file	kolibri-0.16.0b5.dev0+git.197.gee7f4036.tar.gz
WHL file	kolibri-0.16.0b5.dev0+git.197.gee7f4036-py2.py3-none-any.whl

[AllanOXDi]

LGTM! waiting for manual QA and we proceed to merge.

[pcenov]

Thank you @ShivangRawat30, this is implemented correctly as specified!

[rtibbles]

@pcenov before we merge this, could you test this specific fix on IE11? It's possible that the use of min-height for the item might trigger a bug in flex-direction: column that happens in IE11.

[pcenov]

Hi @rtibbles thank you for suggesting that, indeed in IE11 there is alaways a small white rectangle displayed after the name of the resource:

[rtibbles]

I think this is an acceptable degradation in IE11 - not worth blocking for.