digitalcraftsman/hugo-freelancer-theme

star icon in <hr> not appearing on chromium-based browsers

jmfergeau opened this issue · 1 comments

For some odd reasons, the star icon displayed in the middle of horizontal lines doesn't apear if you use a chromium-based browser like chrome, vivaldi, edge, etc. Instead, a regular horizontal line appears. While the icon perfectly appears on Firefox.

On Chrome:
chrome

On Firefox:
firefox

I passed a full hour trying to understand what's going on but have no clue. Even trying to update fontawesome didn't helped here.

I thought it would be good to mention it here.

I've just opened a PR for this (though I doubt it'll ever be merged, since this seems to be an inactive project now).

The issue was that in firefox, hrs are overflow: visible; by default, and everywhere else they're overflow: hidden;.

Source: https://stackoverflow.com/questions/33144108/after-pseudo-element-does-not-work-correctly-in-hr-tag-on-internet-explorer