| Jack_who_built_the_house | |
| Jun 14 2024, 19:08 |
| F2228581: image.png | |
| Jun 15 2024, 01:38 |
| F2228568: image.png | |
| Jun 15 2024, 01:35 |
| F2228578: image.png | |
| Jun 15 2024, 01:35 |
| F2228572: image.png | |
| Jun 15 2024, 01:35 |
Steps to reproduce:
Expected behavior
Links should have an outline indicating the currently active link.
Actual behavior
They have none.
Technical details
Phorge currently has a style that removes outlines with outline-style: none; for unclear reasons.
a { outline-style: none; text-decoration: none; color: {$anchor}; cursor: pointer; }
I have this look on Windows for
a { outline-style: auto; }
| Last Chrome | Last Firefox |
 |  |
overflow: hidden on .phui-oi-name, .phui-oi-content, and .phui-oi-byline is to blame. For .phui-oi-name and .phui-oi-byline, it helps to truncate titles with ellipsis on narrow screens:
If overflow: hidden can't be removed, 1px–2px paddings could be introduced on these elements if necessary. outline-offset: -1px could also be used, but I'm not sure about that one since outlines would make the text less readable:
But in any case, pages being inaccessible and outlines looking off are incomparable problems. If anything, the bad look in edge cases could be disregarded entirely if accessibility is improved.