question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

misalignment of icons in titles

See original GitHub issue

Observed behavior

Observed in screenshots @radinamatic posted in https://github.com/learningequality/kolibri/pull/8449#issuecomment-923611087

image

Expected behavior

Icons should (roughly) align with text baseline:

image

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:closed
  • Created 2 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
jtamiacecommented, Feb 25, 2022

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

0reactions
radinamaticcommented, Feb 28, 2022

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found