Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: ensures new-topic badge renders consistently 

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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