github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-04-01 22:36:45 +08:00
Code Issues Actions1 Packages Projects Releases Wiki Activity

UX: ensures new-topic badge renders consistently

Browse Source 
We previously used the "●" Unicode character for this circle. Using Unicode for this means that it's up to the browser / OS  to determine how it renders.

This commit changes it to a CSS shape so that we always get the same rendering regardless of the user's browser / OS.
This commit is contained in:
Joe 2020-09-23 23:32:19 +08:00
parent 09a97363da
commit 061ab75343
1 changed files with 6 additions and 5 deletions

11
app/assets/stylesheets/common/components/badges.scss

@ -189,14 +189,15 @@
&.new-topic {
background-color: transparent;
color: var(--tertiary-high);
font-weight: normal;
font-size: $font-down-1;
}
&.new-topic::before {
content: "●";
margin-right: 2px;
content: "";
background: var(--tertiary-high);
display: inline-block;
height: 0.4em;
width: 0.4em;
border-radius: 50%;
}
// Click count