Fix badge color not affected (#18826)
* Fix badge color not affected * Generate user role css
This commit is contained in:
parent
ec83e2a35e
commit
f248d95be2
2 changed files with 5 additions and 3 deletions
|
@ -210,9 +210,9 @@
|
|||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
font-weight: 500;
|
||||
color: $ui-secondary-color;
|
||||
background-color: rgba($ui-secondary-color, 0.1);
|
||||
border: 1px solid rgba($ui-secondary-color, 0.5);
|
||||
color: var(--user-role-accent, $ui-secondary-color);
|
||||
background-color: var(--user-role-background, rgba($ui-secondary-color, 0.1));
|
||||
border: 1px solid var(--user-role-border, rgba($ui-secondary-color, 0.5));
|
||||
|
||||
&.moderator {
|
||||
color: $success-green;
|
||||
|
|
|
@ -5,6 +5,8 @@
|
|||
<%- UserRole.where(highlighted: true).select { |role| role.color.present? }.each do |role| %>
|
||||
.user-role-<%= role.id %> {
|
||||
--user-role-accent: <%= role.color %>;
|
||||
--user-role-background: <%= role.color + '19' %>;
|
||||
--user-role-border: <%= role.color + '80' %>;
|
||||
}
|
||||
|
||||
<%- end %>
|
||||
|
|
Loading…
Reference in a new issue