misalignment of icons in titles
See original GitHub issueObserved behavior
Observed in screenshots @radinamatic posted in https://github.com/learningequality/kolibri/pull/8449#issuecomment-923611087
Expected behavior
Icons should (roughly) align with text baseline:
If this is implemented using KLabeledIcon
we can transfer this issue to KDS
Context
0.15
cc @radinamatic mind adding details about your Android version & browser in that testing?
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (7 by maintainers)
Top Results From Across the Web
Icon alignment next to title - WordPress.org
Hi,. I am looking for some support to align horizontally the icons next to the title text. Right now they are aligning below...
Read more >Best text/icon/title alignement for feature box pattern?
Best text/icon/title alignement for feature box pattern? ... My gut feeling would say the first is more readable (Is left-aligned text generally ...
Read more >Tips for Aligning Icons to Text - CSS-Tricks
Tips for Aligning Icons to Text · Tip 1: Decide on an icon format and stick to it · Tip 2: Use similarly...
Read more >How can I align icons with their titles? - Stack Overflow
As you can see from this screenshot, My icons aren't aligned with their titles. They are written as two unordered lists. The only...
Read more >Align the text and icons in the title bar · Issue #491 - GitHub
The title bar's metrics and alignment just looked strange. Please copy Chromium Edge's layout!
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
There should be an in progress icon & label for lessons. Design reference here https://www.figma.com/file/uiZuCIqh2KYvBUfbCiJyyA/Hybrid-Learning?node-id=1915%3A82995
Ok, so the lesson progress/completed icon is present on the Class home page, but not inside the lesson itself anymore, so there was a change since this issue is reported initially.